@font-face {
    font-family: 'Moderat';
    src: url('fonts/ul-moderat-regular.otf') format('opentype'), 
        url('fonts/ul-moderat-regular.woff') format('woff'),
        url('fonts/ul-moderat-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Moderat';
    src: url('fonts/ul-moderat-regular-italic.otf') format('opentype'), 
        url('fonts/ul-moderat-regular-italic.woff') format('woff'), 
        url('fonts/ul-moderat-regular-italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font-family: 'Moderat';
    src: url('fonts/ul-moderat-bold.otf') format('opentype'), 
        url('fonts/ul-moderat-bold.woff') format('woff'), 
        url('fonts/ul-moderat-bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Moderat';
    src: url('fonts/ul-moderat-bold-italic.otf') format('opentype'), 
        url('fonts/ul-moderat-bold-italic.woff') format('woff'), 
        url('fonts/ul-moderat-bold-italic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}



body {
    font-family: "Moderat";
}


/*


*/