@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 100;
  src: url('./roboto/Roboto-Light_main.woff') format('woff'),
       url('./roboto/Roboto-Light.otf') format('opentype'),
       url('./roboto/Roboto-Light.eot') format('embedded-opentype');
}
@font-face {
   font-family: 'roboto';
   font-style: normal;
   font-weight: 300;
   src: url('./roboto/Roboto-Medium_main.woff') format('woff'),
        url('./roboto/Roboto-Medium.otf') format('opentype'),
        url('./roboto/Roboto-Medium.eot') format('embedded-opentype');
 }
 @font-face {
   font-family: 'roboto';
   font-style: normal;
   font-weight: 400;
   src: url('./roboto/Roboto-Regular_main.woff') format('woff'),
        url('./roboto/Roboto-Regular.otf') format('opentype'),
        url('./roboto/Roboto-Regular.eot') format('embedded-opentype');
 }
@font-face {
   font-family: 'roboto';
   font-style: normal;
   font-weight: 600;
   src: url('./roboto/Roboto-Bold_main.woff') format('woff'),
        url('./roboto/Roboto-Bold.otf') format('opentype'),
        url('./roboto/Roboto-Bold.eot') format('embedded-opentype');
 }
 @font-face {
   font-family: 'roboto';
   font-style: normal;
   font-weight: 900;
   src: url('./roboto/Roboto-Black_main.woff') format('woff'),
        url('./roboto/Roboto-Black.otf') format('opentype'),
        url('./roboto/Roboto-Black.eot') format('embedded-opentype');
 }