@font-face {
    font-family: 'butler'; /*butlerultralight*/
    src: url('bundles/butlerfont/butler_ultra_light-webfont.woff2') format('woff2'),
    url('bundles/butlerfont/butler_ultra_light-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;

}
@font-face {
    font-family: 'butler'; /*butlerlight*/
    src: url('bundles/butlerfont/butler_light-webfont.woff2') format('woff2'),
    url('bundles/butlerfont/butler_light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;

}
@font-face {
    font-family: 'butler'; /*butlerregular*/
    src: url('bundles/butlerfont/butler_regular-webfont.woff2') format('woff2'),
    url('bundles/butlerfont/butler_regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'butler'; /*butlermedium*/
    src: url('bundles/butlerfont/butler_medium-webfont.woff2') format('woff2'),
    url('bundles/butlerfont/butler_medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'butler'; /*butlerbold*/
    src: url('bundles/butlerfont/butler_bold-webfont.woff2') format('woff2'),
    url('bundles/butlerfont/butler_bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}
@font-face {
    font-family: 'butler'; /*butlerextrabold*/
    src: url('bundles/butlerfont/butler_extrabold-webfont.woff2') format('woff2'),
    url('bundles/butlerfont/butler_extrabold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}
@font-face {
    font-family: 'butler'; /*butlerblack*/
    src: url('bundles/butlerfont/butler_black-webfont.woff2') format('woff2'),
    url('bundles/butlerfont/butler_black-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;

}