@font-face {
    font-family: 'open_sansbold';
    src: url('../woff2/opensans-bold-webfont-webfont.woff2') format('woff2'),
         url('../woff/opensans-bold-webfont-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

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

}

@font-face {
    font-family: 'Helvetica';
    src: url('../eot/helvetica%20bold.eot');
    src: url('../eot/helvetica%20boldd41d.eot#iefix') format('embedded-opentype'), url('../woff2/helvetica%20bold.woff2') format('woff2'), url('../woff/helvetica%20bold.woff') format('woff'), url('../svg/helvetica%20bold.svg#Helvetica Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DC; 
}