/*Thin*/
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Thin.ttf')  format('truetype');
  font-style:   normal;
  font-weight:  100;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-ThinItalic.ttf')  format('truetype');
  font-style:   italic;
  font-weight:  100;
}


/*Light*/
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.ttf')  format('truetype');
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-LightItalic.ttf')  format('truetype');
  font-style:   italic;
  font-weight:  200;
}


/*Regular*/
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf')  format('truetype');
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Italic.ttf')  format('truetype');
  font-style:   italic;
  font-weight:  400;
}


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

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-MediumItalic.ttf')  format('truetype');
  font-style:   italic;
  font-weight:  600;
}


/*Bold*/
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.ttf')  format('truetype');
  font-style:   normal;
  font-weight:  800;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BoldItalic.ttf')  format('truetype');
  font-style:   italic;
  font-weight:  800;
}