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

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/Roboto-Light.woff2) format('woff2'), url(../fonts/Roboto-Light.ttf) format('truetype'), url(../fonts/Roboto-Light.woff) format('woff');
}

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

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/Roboto-Bold.woff2) format('woff2'), url(../fonts/Roboto-Bold.ttf) format('truetype'), url(../fonts/Roboto-Bold.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(../fonts/Roboto-Black.woff2) format('woff2'), url(../fonts/Roboto-Black.ttf) format('truetype'), url(../fonts/Roboto-Black.woff) format('woff');
}

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

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(../fonts/Roboto-Light-Italic.woff2) format('woff2'), url(../fonts/Roboto-Light-Italic.ttf) format('truetype'), url(../fonts/Roboto-Light-Italic.woff) format('woff');
}

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

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(../fonts/Roboto-Bold-Italic.woff2) format('woff2'), url(../fonts/Roboto-Bold-Italic.ttf) format('truetype'), url(../fonts/Roboto-Bold-Italic.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(../fonts/Roboto-Black-Italic.woff2) format('woff2'), url(../fonts/Roboto-Black-Italic.ttf) format('truetype'), url(../fonts/Roboto-Black-Italic.woff) format('woff');
}