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

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