@font-face {
    font-family: 'ModeratLight';
    src: url('Moderat-Light.woff2') format('woff2'),
         url('Moderat-Light.woff') format('woff'),
         url('Moderat-Light.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ModeratLightItalic';
    src: url('Moderat-Light-Italic.woff2') format('woff2'),
         url('Moderat-Light-Italic.woff') format('woff'),
         url('Moderat-Light-Italic.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ModeratBold';
    src: url('Moderat-Bold.woff2') format('woff2'),
         url('Moderat-Bold.woff') format('woff'),
         url('Moderat-Bold.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ModeratBoldItalic';
    src: url('Moderat-Bold-Italic.woff2') format('woff2'),
         url('Moderat-Bold-Italic.woff') format('woff'),
         url('Moderat-Bold-Italic.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: italic;
}