@font-face {
     font-family: 'oukwat-regular';
     src: url('fonts/oukwat-regular_b-webfont.eot');
     src: url('fonts/oukwat-regular_b-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/oukwat-regular_b-webfont.woff2') format('woff2'),
          url('fonts/oukwat-regular_b-webfont.woff') format('woff'),
          url('fonts/oukwat-regular_b-webfont.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'trivia-grotesk';
     src: url('fonts/storm_-_trivia_grotesk_r3-webfont.eot');
     src: url('fonts/storm_-_trivia_grotesk_r3-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/storm_-_trivia_grotesk_r3-webfont.woff2') format('woff2'),
          url('fonts/storm_-_trivia_grotesk_r3-webfont.woff') format('woff'),
          url('fonts/storm_-_trivia_grotesk_r3-webfont.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'trivia-serif';
     src: url('fonts/storm_-_trivia_serif_10-webfont.eot');
     src: url('fonts/storm_-_trivia_serif_10-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/storm_-_trivia_serif_10-webfont.woff2') format('woff2'),
          url('fonts/storm_-_trivia_serif_10-webfont.woff') format('woff'),
          url('fonts/storm_-_trivia_serif_10-webfont.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
 }