/*ROBOTO*/

@font-face {
    font-family: 'roboto-black';font-weight: 800;font-style: normal;font-display: swap;
    src: url('roboto-black-webfont.woff2') format('woff2'), url('roboto-black-webfont.woff') format('woff');
}
@font-face {
    font-family: 'roboto-blackitalic';font-weight: 800;font-style: italic;font-display: swap;
    src: url('roboto-blackitalic-webfont.woff2') format('woff2'), url('roboto-blackitalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'roboto-bold'; font-weight: 700;font-style: normal;font-display: swap;
    src: url('roboto-bold-webfont.woff2') format('woff2'), url('roboto-bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'roboto-bolditalic';font-weight: 700;font-style: italic;font-display: swap;
    src: url('roboto-bolditalic-webfont.woff2') format('woff2'), url('roboto-bolditalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'roboto-medium';font-weight: 500;font-style: normal;font-display: swap;
    src: url('roboto-medium-webfont.woff2') format('woff2'), url('roboto-medium-webfont.woff') format('woff');
}
@font-face {
    font-family: 'roboto-mediumitalic'; font-display: swap;font-style: italic; font-weight: 500;
    src: url('roboto-mediumitalic-webfont.woff2') format('woff2'), url('roboto-mediumitalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'roboto-regular';font-weight: 400;font-style: normal;font-display: swap;
    src: url('roboto-regular-webfont.woff2') format('woff2'), url('roboto-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'roboto-italic';font-weight: 400;font-style: italic;font-display: swap;
    src: url('roboto-italic-webfont.woff2') format('woff2'), url('roboto-italic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'roboto-light';font-weight: 300;font-style: normal;font-display: swap;
    src: url('roboto-light-webfont.woff2') format('woff2'), url('roboto-light-webfont.woff') format('woff');
}
@font-face {
    font-family: 'roboto-lightitalic';font-weight: 300;font-style: italic;font-display: swap;
    src: url('roboto-lightitalic-webfont.woff2') format('woff2'), url('roboto-lightitalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'roboto-thin';font-weight: 100;font-style: normal;font-display: swap;
    src: url('roboto-thin-webfont.woff2') format('woff2'), url('roboto-thin-webfont.woff') format('woff');
}
@font-face {
    font-family: 'roboto-thinitalic';font-weight: 100;font-style: italic;font-display: swap;
    src: url('roboto-thinitalic-webfont.woff2') format('woff2'), url('roboto-thinitalic-webfont.woff') format('woff');
}