@font-face {
    font-family: 'myriad-regular';
    src: url('./webfonts/myriadat-webfont.eot');
    src: url('./webfonts/myriadat-webfont.eot?#iefix') format('embedded-opentype'),
        url('./webfonts/myriadat-webfont.woff') format('woff'),
        url('./webfonts/myriadat-webfont.ttf') format('truetype'),
        url('./webfonts/myriadat-webfont.svg#myriad-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'myriad-semibold';
    src: url('./webfonts/myriadas-webfont.eot');
    src: url('./webfonts/myriadas-webfont.eot?#iefix') format('embedded-opentype'),
        url('./webfonts/myriadas-webfont.woff') format('woff'),
        url('./webfonts/myriadas-webfont.ttf') format('truetype'),
        url('./webfonts/myriadas-webfont.svg#myriad-semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'myriad-medium';
    src: url('./webfonts/myriadam-webfont.eot');
    src: url('./webfonts/myriadam-webfont.eot?#iefix') format('embedded-opentype'),
        url('./webfonts/myriadam-webfont.woff') format('woff'),
        url('./webfonts/myriadam-webfont.ttf') format('truetype'),
        url('./webfonts/myriadam-webfont.svg#myriad-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myriad-bold';
    src: url('./webfonts/myriadab-webfont.eot');
    src: url('./webfonts/myriadab-webfont.eot?#iefix') format('embedded-opentype'),
        url('./webfonts/myriadab-webfont.woff') format('woff'),
        url('./webfonts/myriadab-webfont.ttf') format('truetype'),
        url('./webfonts/myriadab-webfont.svg#myriad-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Calcite';
    src: url('./webfonts/calcitepro-regular-webfont.eot');
    src: url('./webfonts/calcitepro-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('./webfonts/calcitepro-regular-webfont.woff') format('woff'),
        url('./webfonts/calcitepro-regular-webfont.ttf') format('truetype'),
        url('./webfonts/calcitepro-regular-webfont.svg#Calcite') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CalciteBold';
    src: url('./webfonts/calcitepro-bold-webfont.eot');
    src: url('./webfonts/calcitepro-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('./webfonts/calcitepro-bold-webfont.woff') format('woff'),
        url('./webfonts/calcitepro-bold-webfont.ttf') format('truetype'),
        url('./webfonts/calcitepro-bold-webfont.svg#CalciteBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Din';
    src: url('./webfonts/dinengschrift-webfont.eot');
    src: url('./webfonts/dinengschrift-webfont.eot?#iefix') format('embedded-opentype'),
        url('./webfonts/dinengschrift-webfont.woff') format('woff'),
        url('./webfonts/dinengschrift-webfont.ttf') format('truetype'),
        url('./webfonts/dinengschrift-webfont.svg#Din') format('svg');
    font-weight: normal;
    font-style: normal;

}