@font-face {
    font-weight: 400;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_1.woff2);
    }
@font-face {
    font-weight: 400;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_2.woff2);
    }
@font-face {
    font-weight: 400;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_3.woff2);
    }
@font-face {
    font-weight: 400;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_4.woff2);
    }
@font-face {
    font-weight: 500;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_5.woff2);
    }
@font-face {
    font-weight: 500;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_6.woff2);
    }
@font-face {
    font-weight: 500;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_7.woff2);
    }
@font-face {
    font-weight: 500;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_8.woff2);
    }
@font-face {
    font-weight: 700;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_9.woff2);
    }
@font-face {
    font-weight: 700;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_10.woff2);
    }
@font-face {
    font-weight: 700;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_11.woff2);
    }
@font-face {
    font-weight: 700;
    font-family: Roboto;
    font-style: normal;
    src: url(../fonts/Roboto_12.woff2);
    }