@font-face {
    font-family: robotoblack;
    src: url('../fonts/Roboto-Black.woff') format('woff');
}
@font-face {
  font-family: robotoblack-italic;
  src: url('../fonts/Roboto-BlackItalic.woff') format('woff');
}
@font-face {
  font-family: robotobold;
  src: url('../fonts/Roboto-Bold.woff') format('woff');
}
@font-face {
  font-family: robotobold-italic;
  src: url('../fonts/Roboto-BoldItalic.woff') format('woff');
}
@font-face {
  font-family: robotolight;
  src: url('../fonts/Roboto-Light.woff') format('woff');
}
@font-face {
  font-family: robotolight-italic;
  src: url('../fonts/Roboto-LightItalic.woff') format('woff');
}
@font-face {
  font-family: robotomedium;
  src: url('../fonts/Roboto-Medium.woff') format('woff');
}
@font-face {
  font-family: robotomedium-italic;
  src: url('../fonts/Roboto-MediumItalic.woff') format('woff');
}
@font-face {
  font-family: robotoregular;
  src: url('../fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
  font-family: roboto-italic;
  src: url('../fonts/Roboto-Italic.woff') format('woff');
}
@font-face {
  font-family: robotothin;
  src: url('../fonts/Roboto-Thin.woff') format('woff');
}
@font-face {
  font-family: robotothin-italic;
  src:url('../fonts/Roboto-ThinItalic.woff') format('woff');
}