@font-face {
  font-family: 'Star';
  src: url('../fonts/starFont.eot?#iefix') format('embedded-opentype'),
   url('../fonts/starFont.woff2') format('woff2');
   font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
   src: url('../fonts/hinted-Graphik-Bold.eot?#iefix') format('embedded-opentype'),     url('../fonts/hinted-Graphik-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
   src: url('../fonts/hinted-Graphik-MediumItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/hinted-Graphik-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
   src: url('../fonts/hinted-Graphik-LightItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/hinted-Graphik-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}

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

@font-face {
  font-family: 'Graphik';
   src: url('../fonts/hinted-Graphik-Semibold.eot?#iefix') format('embedded-opentype'),   url('../fonts/hinted-Graphik-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
   src: url('../fonts/hinted-Graphik-RegularItalic.eot?#iefix') format('embedded-opentype'),   url('../fonts/hinted-Graphik-RegularItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
   src: url('../fonts/hinted-Graphik-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Graphik-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
   src: url('../fonts/hinted-Graphik-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/hinted-Graphik-BoldItalic.woff2') format('woff2');
  font-weight: bold;
  font-style: italic;
}

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

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/hinted-Graphik-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Graphik-SemiboldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
}