@font-face {
  font-family: 'Roboto';
  src:url('/static/fonts/roboto/roboto-bold.woff2')format('woff2'),
      url('/static/fonts/roboto/roboto-bold.woff')format('woff');

  font-weight:  700;
}

@font-face {
  font-family: 'Roboto';
  src:url('/static/fonts/roboto/roboto-medium.woff2')format('woff2'),
      url('/static/fonts/roboto/roboto-medium.woff')format('woff');

  font-weight:  500;
}

@font-face {
  font-family: 'Roboto';
  src:url('/static/fonts/roboto/roboto-regular.woff2')format('woff2'),
      url('/static/fonts/roboto/roboto-regular.woff')format('woff');

  font-weight:  400;
}

@font-face {
  font-family: 'Roboto';
  src:url('/static/fonts/roboto/roboto-light.woff2')format('woff2'),
      url('/static/fonts/roboto/roboto-light.woff')format('woff');

  font-weight:  300;
}

@font-face {
  font-family: 'Roboto';
  src:url('/static/fonts/roboto/roboto-thin.woff2')format('woff2'),
      url('/static/fonts/roboto/roboto-thin.woff')format('woff');

  font-weight:  100;
}