@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Roboto-Medium';
    src: url('Roboto-Medium.ttf');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Roboto-Bold';
    src: url('Roboto-Bold.ttf');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Roboto-Italic';
    src: url('Roboto-Italic.ttf');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Roboto-Light';
    src: url('Roboto-Light.ttf');
    font-weight: normal;
    font-style: normal;
  }

  html, body, option{font-family: 'Roboto';}
  .h1, .h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6{font-family: 'Roboto-Medium' !important; font-weight: 400 !important; }
h1{font-weight: 300; font-family: 'Roboto-Light';}
  .roboto-italic{
    font-family: 'Roboto-Italic';
  }

  .roboto-bold{
    font-family: 'Roboto-Bold';
  }

  .roboto-medium{
    font-family: 'Roboto-Medium';
  }

  .roboto-light{
    font-family: 'Roboto-Light';
  }

  b{
    font-family: 'Roboto-Medium';
    font-weight: 400;
  }