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

}
@font-face {
    font-family: 'butler';
    /* src: url('butler_*-webfont.woff2') format('woff2'), */
         /* url('butler_*-webfont.woff') format('woff'); */
    font-weight: 300;
    font-style: normal;

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

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

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

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

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

// }