/* Thin */
@font-face {
  font-family: 'Roboto'; 
  font-style: normal;
  font-weight: 300; 
  src: url(../fonts/roboto/Roboto-Thin.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url(../fonts/roboto/Roboto-ThinItalic.ttf);
}

/* Light */
@font-face {
  font-family: 'Roboto'; 
  font-style: normal;
  font-weight: 400; 
  src: url(../fonts/roboto/Roboto-Light.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/roboto/Roboto-LightItalic.ttf);
}

/* Regular */
@font-face {
  font-family: 'Roboto'; 
  font-style: normal;
  font-weight: 500; 
  src: url(../fonts/roboto/Roboto-Light.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url(../fonts/roboto/Roboto-LightItalic.ttf);
}

/* medium */
@font-face {
  font-family: 'Roboto'; 
  font-style: normal;
  font-weight: 600; 
  src: url(../fonts/roboto/Roboto-Medium.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url(../fonts/roboto/Roboto-MediumItalic.ttf);
}

/* bold */
@font-face {
  font-family: 'Roboto'; 
  font-style: normal;
  font-weight: 700; 
  src: url(../fonts/roboto/Roboto-Bold.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/roboto/Roboto-BoldItalic.ttf);
}