@font-face {
    font-family: 'SourceSerifPro';
    src: url('fonts/SourceSerifPro/sourceserifpro-regular-webfont.eot');
    src: url('fonts/SourceSerifPro/sourceserifpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSerifPro/sourceserifpro-regular-webfont.woff2') format('woff2'),
         url('fonts/SourceSerifPro/sourceserifpro-regular-webfont.woff') format('woff'),
         url('fonts/SourceSerifPro/sourceserifpro-regular-webfont.ttf') format('truetype'),
         url('fonts/SourceSerifPro/sourceserifpro-regular-webfont.svg#source_serif_proregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSerifPro';
    src: url('fonts/SourceSerifPro/sourceserifpro-it-webfont.eot');
    src: url('fonts/SourceSerifPro/sourceserifpro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSerifPro/sourceserifpro-it-webfont.woff2') format('woff2'),
         url('fonts/SourceSerifPro/sourceserifpro-it-webfont.woff') format('woff'),
         url('fonts/SourceSerifPro/sourceserifpro-it-webfont.ttf') format('truetype'),
         url('fonts/SourceSerifPro/sourceserifpro-it-webfont.svg#source_serif_proitalic') format('svg');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'SourceSerifPro';
    src: url('fonts/SourceSerifPro/sourceserifpro-bold-webfont.eot');
    src: url('fonts/SourceSerifPro/sourceserifpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSerifPro/sourceserifpro-bold-webfont.woff2') format('woff2'),
         url('fonts/SourceSerifPro/sourceserifpro-bold-webfont.woff') format('woff'),
         url('fonts/SourceSerifPro/sourceserifpro-bold-webfont.ttf') format('truetype'),
         url('fonts/SourceSerifPro/sourceserifpro-bold-webfont.svg#source_serif_probold') format('svg');
    font-weight: 700;
    font-style: normal;

}






@font-face {
    font-family: 'SourceSerifPro';
    src: url('fonts/SourceSerifPro/sourceserifpro-boldit-webfont.eot');
    src: url('fonts/SourceSerifPro/sourceserifpro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSerifPro/sourceserifpro-boldit-webfont.woff2') format('woff2'),
         url('fonts/SourceSerifPro/sourceserifpro-boldit-webfont.woff') format('woff'),
         url('fonts/SourceSerifPro/sourceserifpro-boldit-webfont.ttf') format('truetype'),
         url('fonts/SourceSerifPro/sourceserifpro-boldit-webfont.svg#source_serif_probold_italic') format('svg');
    font-weight: 700;
    font-style: italic;

}


@font-face {
    font-family: 'SourceSerifPro';
    src: url('fonts/SourceSerifPro/sourceserifpro-semibold-webfont.eot');
    src: url('fonts/SourceSerifPro/sourceserifpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSerifPro/sourceserifpro-semibold-webfont.woff2') format('woff2'),
         url('fonts/SourceSerifPro/sourceserifpro-semibold-webfont.woff') format('woff'),
         url('fonts/SourceSerifPro/sourceserifpro-semibold-webfont.ttf') format('truetype'),
         url('fonts/SourceSerifPro/sourceserifpro-semibold-webfont.svg#source_serif_prosemibold') format('svg');
    font-weight: 600;
    font-style: normal;

}




@font-face {
    font-family: 'SourceSerifPro';
    src: url('fonts/SourceSerifPro/sourceserifpro-semiboldit-webfont.eot');
    src: url('fonts/SourceSerifPro/sourceserifpro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSerifPro/sourceserifpro-semiboldit-webfont.woff2') format('woff2'),
         url('fonts/SourceSerifPro/sourceserifpro-semiboldit-webfont.woff') format('woff'),
         url('fonts/SourceSerifPro/sourceserifpro-semiboldit-webfont.ttf') format('truetype'),
         url('fonts/SourceSerifPro/sourceserifpro-semiboldit-webfont.svg#source_serif_proSBdIt') format('svg');
    font-weight: 600;
    font-style: italic;

}






@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis/metropolis-medium-webfont.eot');
    src: url('fonts/Metropolis/metropolis-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Metropolis/metropolis-medium-webfont.woff2') format('woff2'),
         url('fonts/Metropolis/metropolis-medium-webfont.woff') format('woff'),
         url('fonts/Metropolis/metropolis-medium-webfont.ttf') format('truetype'),
         url('fonts/Metropolis/metropolis-medium-webfont.svg#metropolismedium') format('svg');
    font-weight: 500;
    font-style: normal;

}


@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis/metropolis-mediumitalic-webfont.eot');
    src: url('fonts/Metropolis/metropolis-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Metropolis/metropolis-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/Metropolis/metropolis-mediumitalic-webfont.woff') format('woff'),
         url('fonts/Metropolis/metropolis-mediumitalic-webfont.ttf') format('truetype'),
         url('fonts/Metropolis/metropolis-mediumitalic-webfont.svg#metropolismedium_italic') format('svg');
    font-weight: 500;
    font-style: italic;

}


@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis/metropolis-semibold-webfont.eot');
    src: url('fonts/Metropolis/metropolis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Metropolis/metropolis-semibold-webfont.woff2') format('woff2'),
         url('fonts/Metropolis/metropolis-semibold-webfont.woff') format('woff'),
         url('fonts/Metropolis/metropolis-semibold-webfont.ttf') format('truetype'),
         url('fonts/Metropolis/metropolis-semibold-webfont.svg#metropolissemi_bold') format('svg');
    font-weight: 600;
    font-style: normal;

}




@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis/metropolis-semibolditalic-webfont.eot');
    src: url('fonts/Metropolis/metropolis-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Metropolis/metropolis-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/Metropolis/metropolis-semibolditalic-webfont.woff') format('woff'),
         url('fonts/Metropolis/metropolis-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/Metropolis/metropolis-semibolditalic-webfont.svg#metropolissemi_bold_italic') format('svg');
    font-weight: 600;
    font-style: italic;

}


@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis/metropolis-extrabold-webfont.eot');
    src: url('fonts/Metropolis/metropolis-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Metropolis/metropolis-extrabold-webfont.woff2') format('woff2'),
         url('fonts/Metropolis/metropolis-extrabold-webfont.woff') format('woff'),
         url('fonts/Metropolis/metropolis-extrabold-webfont.ttf') format('truetype'),
         url('fonts/Metropolis/metropolis-extrabold-webfont.svg#metropolisextra_bold') format('svg');
    font-weight: 800;
    font-style: normal;

}




@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis/metropolis-extrabolditalic-webfont.eot');
    src: url('fonts/Metropolis/metropolis-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Metropolis/metropolis-extrabolditalic-webfont.woff2') format('woff2'),
         url('fonts/Metropolis/metropolis-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/Metropolis/metropolis-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/Metropolis/metropolis-extrabolditalic-webfont.svg#metropolisextra_bold_italic') format('svg');
    font-weight: 800;
    font-style: italic;

}

@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost/jost-600-semi.woff2') format('woff2'),
         url('fonts/Jost/jost-600-semi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost/jost-600-semiitalic.woff2') format('woff2'),
         url('fonts/Jost/jost-600-semiitalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}