@font-face {
  font-family: 'roboto';
  src: local(Roboto Black), url('../fonts/roboto/roboto-black-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-black-webfont.woff') format('woff'),
  url('../fonts/roboto/roboto-black-webfont.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto/roboto-blackitalic-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-blackitalic-webfont.woff') format('woff'),
  url('../fonts/roboto/roboto-blackitalic-webfont.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-bold-webfont.woff') format('woff'),
  url('../fonts/roboto/roboto-bold-webfont.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto/roboto-bolditalic-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-bolditalic-webfont.woff') format('woff'),
  url('../fonts/roboto/roboto-bolditalic-webfont.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-medium-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto/roboto-mediumitalic-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-mediumitalic-webfont.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'),
  url('../fonts/roboto/roboto-regular-webfont.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto/roboto-italic-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-italic-webfont.woff') format('woff'),
  url('../fonts/roboto/roboto-italic-webfont.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto/roboto-light-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-light-webfont.woff') format('woff'),
  url('../fonts/roboto/roboto-light-webfont.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto/roboto-lightitalic-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-lightitalic-webfont.woff') format('woff'),
  url('../fonts/roboto/roboto-lightitalic-webfont.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto/roboto-thin-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-thin-webfont.woff') format('woff'),
  url('../fonts/roboto/roboto-thin-webfont.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto/roboto-thinitalic-webfont.woff2') format('woff2'),
  url('../fonts/roboto/roboto-thinitalic-webfont.woff') format('woff'),
  url('../fonts/roboto/roboto-thinitalic-webfont.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}