/*
Font Graphik 
Font face created for selected fonts of Graphik 
1. Graphik Thin 
2. Graphik Light
3. Graphik Regular
4. Graphik Black
Other variants can be created by adjusting font-style and font-weight
*/

@font-face {
  font-family: 'Graphik Black';
  src: url('./fonts/graphik/Graphik-Black-Web.eot');
  src: url('./fonts/graphik/Graphik-Black-Web.eot?#iefix') format('embedded-opentype'),
       url('./fonts/graphik/Graphik-Black-Web.woff2') format('woff2'),
       url('./fonts/graphik/Graphik-Black-Web.woff') format('woff');
  font-weight:  800;
  font-style:   normal;
  font-stretch: normal;
}

.graphik-black {
  font-family: 'Graphik Black';
  font-weight:  800;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Graphik Regular';
  src: url('./fonts/graphik/Graphik-Regular-Web.eot');
  src: url('./fonts/graphik/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'),
       url('./fonts/graphik/Graphik-Regular-Web.woff2') format('woff2'),
       url('./fonts/graphik/Graphik-Regular-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

.graphik-regular {
  font-family: 'Graphik Regular';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Graphik Light';
  src: url('./fonts/graphik/Graphik-Light-Web.eot');
  src: url('./fonts/graphik/Graphik-Light-Web.eot?#iefix') format('embedded-opentype'),
       url('./fonts/graphik/Graphik-Light-Web.woff2') format('woff2'),
       url('./fonts/graphik/Graphik-Light-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

.Graphik-Light-Web {
  font-family: 'Graphik Light';
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Graphik Thin';
  src: url('./fonts/graphik/Graphik-Thin-Web.eot');
  src: url('./fonts/graphik/Graphik-Thin-Web.eot?#iefix') format('embedded-opentype'),
       url('./fonts/graphik/Graphik-Thin-Web.woff2') format('woff2'),
       url('./fonts/graphik/Graphik-Thin-Web.woff') format('woff');
  font-weight:  100;
  font-style:   normal;
  font-stretch: normal;
}

.graphik-thin {
  font-family: 'Graphik Thin';
  font-weight:  100;
  font-style:   normal;
  font-stretch: normal;
}