@font-face {
    font-family: 'Work Sans';
    src: url('worksans-regular.eot');
    src: url('worksans-regular.eot?#iefix') format('embedded-opentype'),
         url('worksans-regular.woff2') format('woff2'),
         url('worksans-regular.woff') format('woff'),
         url('worksans-regular.ttf') format('truetype'),
         url('worksans-regular.svg#work_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans Italic';
    src: url('worksans-italic.eot');
    src: url('worksans-italic.eot?#iefix') format('embedded-opentype'),
         url('worksans-italic.woff2') format('woff2'),
         url('worksans-italic.woff') format('woff'),
         url('worksans-italic.ttf') format('truetype'),
         url('worksans-italic.svg#work_sansitalic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans Medium';
    src: url('worksans-medium.eot');
    src: url('worksans-medium.eot?#iefix') format('embedded-opentype'),
         url('worksans-medium.woff2') format('woff2'),
         url('worksans-medium.woff') format('woff'),
         url('worksans-medium.ttf') format('truetype'),
         url('worksans-medium.svg#work_sansmedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans Medium Italic';
    src: url('worksans-mediumitalic.eot');
    src: url('worksans-mediumitalic.eot?#iefix') format('embedded-opentype'),
         url('worksans-mediumitalic.woff2') format('woff2'),
         url('worksans-mediumitalic.woff') format('woff'),
         url('worksans-mediumitalic.ttf') format('truetype'),
         url('worksans-mediumitalic.svg#work_sansmedium_italic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans Semibold';
    src: url('worksans-semibold.eot');
    src: url('worksans-semibold.eot?#iefix') format('embedded-opentype'),
         url('worksans-semibold.woff2') format('woff2'),
         url('worksans-semibold.woff') format('woff'),
         url('worksans-semibold.ttf') format('truetype'),
         url('worksans-semibold.svg#work_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans Semibold Italic';
    src: url('worksans-semibolditalic.eot');
    src: url('worksans-semibolditalic.eot?#iefix') format('embedded-opentype'),
         url('worksans-semibolditalic.woff2') format('woff2'),
         url('worksans-semibolditalic.woff') format('woff'),
         url('worksans-semibolditalic.ttf') format('truetype'),
         url('worksans-semibolditalic.svg#work_sanssemibold_italic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans Bold';
    src: url('worksans-bold.eot');
    src: url('worksans-bold.eot?#iefix') format('embedded-opentype'),
         url('worksans-bold.woff2') format('woff2'),
         url('worksans-bold.woff') format('woff'),
         url('worksans-bold.ttf') format('truetype'),
         url('worksans-bold.svg#work_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans Bold Italic';
    src: url('worksans-bolditalic.eot');
    src: url('worksans-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('worksans-bolditalic.woff2') format('woff2'),
         url('worksans-bolditalic.woff') format('woff'),
         url('worksans-bolditalic.ttf') format('truetype'),
         url('worksans-bolditalic.svg#work_sansbold_italic') format('svg');
    font-weight: 700;
    font-style: italic;
}