@font-face {
    font-family: 'din_medium_webfont';
    src: url('../fonts/DIN/din-medium-webfont.woff2') format('woff2'),
         url('../fonts/DIN/din-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'museo_sans100';
    src: url('../fonts/Museo/museo_sans_100-webfont.woff2') format('woff2'),
         url('../fonts/Museo/museo_sans_100-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_slab300';
    src: url('../fonts/Museo/museo_slab_300-webfont.woff2') format('woff2'),
         url('../fonts/Museo/museo_slab_300-webfont.woff') format('woff'),
         url('../fonts/Museo/museo_slab_300-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_slab500';
    src: url('../fonts/Museo/museo_slab_500-webfont.woff2') format('woff2'),
         url('../fonts/Museo/museo_slab_500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'museo_slab500_italic';
    src: url('../fonts/Museo/museo_slab_500italic-webfont.woff2') format('woff2'),
         url('../fonts/Museo/museo_slab_500italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}