@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url('Roboto-400.eot');
  src: url('Roboto-400.eot?#iefix') format('embedded-opentype'),
       url('Roboto-400.woff2') format('woff2'),
       url('Roboto-400.woff') format('woff'),
       url('Roboto-400.ttf') format('truetype'),
       url('Roboto-400.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: normal;
  src: url('Roboto-500.eot');
  src: url('Roboto-500.eot?#iefix') format('embedded-opentype'),
       url('Roboto-500.woff2') format('woff2'),
       url('Roboto-500.woff') format('woff'),
       url('Roboto-500.ttf') format('truetype'),
       url('Roboto-500.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  src: url('Roboto-700.eot');
  src: url('Roboto-700.eot?#iefix') format('embedded-opentype'),
       url('Roboto-700.woff2') format('woff2'),
       url('Roboto-700.woff') format('woff'),
       url('Roboto-700.ttf') format('truetype'),
       url('Roboto-700.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 400;
  font-style: normal;
  src: url('Roboto Condensed-400.eot');
  src: url('Roboto Condensed-400.eot?#iefix') format('embedded-opentype'),
       url('Roboto Condensed-400.woff2') format('woff2'),
       url('Roboto Condensed-400.woff') format('woff'),
       url('Roboto Condensed-400.ttf') format('truetype'),
       url('Roboto Condensed-400.svg#RobotoCondensed') format('svg');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 700;
  font-style: normal;
  src: url('Roboto Condensed-700.eot');
  src: url('Roboto Condensed-700.eot?#iefix') format('embedded-opentype'),
       url('Roboto Condensed-700.woff2') format('woff2'),
       url('Roboto Condensed-700.woff') format('woff'),
       url('Roboto Condensed-700.ttf') format('truetype'),
       url('Roboto Condensed-700.svg#RobotoCondensed') format('svg');
}

