.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
  }

  .roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }

  .roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  .roboto-condensed{
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100-900;
    font-style: normal;
  }

  .bebas-neue-regular {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
  }


  @font-face {
    font-family: 'Big Noodle Titling';
    src: url('.fonts/BigNoodleTitling.eot');
    src: url('fonts/BigNoodleTitling.eot?#iefix') format('embedded-opentype'),
         url('fonts/BigNoodleTitling.woff2') format('woff2'),
         url('fonts/BigNoodleTitling.woff') format('woff'),
         url('fonts/BigNoodleTitling.ttf')  format('truetype'),
         url('fonts/BigNoodleTitling.svg#Big Noodle Titling') format('svg');
    }