@font-face {
    font-family: "Roboto";
    font-weight: 300;
    font-style: normal;
    src: local("Roboto Light"),
    local("Roboto-Light"),
    url("../fonts/Roboto/Roboto-Light.woff2") format('woff2'),
    url("../fonts/Roboto/Roboto-Light.woff") format('woff'),
    url("../fonts/Roboto/Roboto-Light.eot") format('eot');
}
@font-face {
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    src: local("Roboto"),
    local("Roboto"),
    url("../fonts/Roboto/Roboto-Regular.woff2") format('woff2'),
    url("../fonts/Roboto/Roboto-Regular.woff") format('woff'),
    url("../fonts/Roboto/Roboto-Regular.eot") format('eot');
}
@font-face {
    font-family: "Roboto";
    font-weight: 500;
    font-style: normal;
    src: local("Roboto Medium"),
    local("Roboto-Medium"),
    url("../fonts/Roboto/Roboto-Medium.woff2") format('woff2'),
    url("../fonts/Roboto/Roboto-Medium.woff") format('woff'),
    url("../fonts/Roboto/Roboto-Medium.eot") format('eot');
}
@font-face {
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
    src: local("Roboto Bold"),
    local("Roboto-Bold"),
    url("../fonts/Roboto/Roboto-Bold.woff2") format('woff2'),
    url("../fonts/Roboto/Roboto-Bold.woff") format('woff'),
    url("../fonts/Roboto/Roboto-Bold.eot") format('eot');
}