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