.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-bold {
  font-weight: 700;
}

.font-black {
  font-weight: 900;
}

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

@font-face {
  font-family: Graphik;
  font-stretch: normal;
  font-style: italic;
  font-weight: normal;
  letter-spacing: normal;
  src: url('/assets/fonts/Graphik/Graphik-RegularItalic-Web.eot');
  src: url('/assets/fonts/Graphik/Graphik-RegularItalic-Web.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Graphik/Graphik-RegularItalic-Web.woff2') format('woff2'),
    url('/assets/fonts/Graphik/Graphik-RegularItalic-Web.woff') format('woff'),
    url('/assets/fonts/Graphik/Graphik-RegularItalic-Web.ttf') format('truetype');
}

@font-face {
  font-family: Graphik;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  letter-spacing: normal;
  src: url('/assets/fonts/Graphik/Graphik-Medium-Web.eot');
  src: url('/assets/fonts/Graphik/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Graphik/Graphik-Medium-Web.woff2') format('woff2'),
    url('/assets/fonts/Graphik/Graphik-Medium-Web.woff') format('woff'),
    url('/assets/fonts/Graphik/Graphik-Medium-Web.ttf') format('truetype');
}

@font-face {
  font-family: Graphik;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  src: url('/assets/fonts/Graphik/Graphik-Bold-Web.eot');
  src: url('/assets/fonts/Graphik/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Graphik/Graphik-Bold-Web.woff2') format('woff2'), url('/assets/fonts/Graphik/Graphik-Bold-Web.woff') format('woff'),
    url('/assets/fonts/Graphik/Graphik-Bold-Web.ttf') format('truetype');
}

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