@font-face {
  font-family: 'RobotoBold';
  src: url('./fonts/Roboto-Bold.eot'); /* IE9 Compat Modes */
  src: url('./fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Roboto-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Roboto-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('./fonts/Roboto-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Roboto-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'RobotoCondensed';
  src: url('./fonts/Roboto-Condensed.eot'); /* IE9 Compat Modes */
  src: url('./fonts/Roboto-Condensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Roboto-Condensed.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Roboto-Condensed.woff') format('woff'), /* Pretty Modern Browsers */
       url('./fonts/Roboto-Condensed.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Roboto-Condensed.svg#svgFontName') format('svg'); /* Legacy iOS */
}



@font-face {
  font-family: 'RobotoRegular';
  src: url('./fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Roboto-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Roboto-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('./fonts/Roboto-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Roboto-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}