@font-face {
  font-weight: 300;
  font-family: "Roboto";
  src: 
    local("Roboto Light"),
    local("Roboto-Light"),
    url(../fonts/Roboto-Light.woff2) format("woff2"),
    url(../fonts/Roboto-Light.woff) format("woff"),
    url(../fonts/Roboto-Light.eot) format("eot");
}

@font-face {
  font-weight: 400;
  font-family: "Roboto";
  src: 
    local("Roboto Regular"),
    local("Roboto-Regular"),
    url(../fonts/Roboto-Regular.woff2) format("woff2"),
    url(../fonts/Roboto-Regular.woff) format("woff"),
    url(../fonts/Roboto-Regular.eot) format("eot");
}

@font-face {
  font-weight: 500;
  font-family: "Roboto";
  src: 
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(../fonts/Roboto-Medium.woff2) format("woff2"),
    url(../fonts/Roboto-Medium.woff) format("woff"),
    url(../fonts/Roboto-Medium.eot) format("eot");
}

@font-face {
  font-weight: 700;
  font-family: "Roboto";
  src: 
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(../fonts/Roboto-Bold.woff2) format("woff2"),
    url(../fonts/Roboto-Bold.woff) format("woff"),
    url(../fonts/Roboto-Bold.eot) format("eot");
}