/* Light */
@font-face {
  font-family: 'HK Grotesk';
  src: url('hkgrotesk-light.eot');
  src: url('hkgrotesk-lightd41d.eot?#iefix') format('embedded-opentype'),
    url('hkgrotesk-light.woff2') format('woff2'),
    url('hkgrotesk-light.woff') format('woff'),
    url('hkgrotesk-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
/* Regular */
@font-face {
  font-family: 'HK Grotesk';
  src: url('hkgrotesk-regular.eot');
  src: url('hkgrotesk-regulard41d.eot?#iefix') format('embedded-opentype'),
    url('hkgrotesk-regular.woff2') format('woff2'),
    url('hkgrotesk-regular.woff') format('woff'),
    url('hkgrotesk-regular.ttf') format('truetype');
  font-weight: normal;
  font-weight: 400;
  font-style: normal;
}
/* Medium */
@font-face {
  font-family: 'HK Grotesk';
  src: url('hkgrotesk-medium.eot');
  src: url('hkgrotesk-mediumd41d.eot?#iefix') format('embedded-opentype'),
    url('hkgrotesk-medium.woff2') format('woff2'),
    url('hkgrotesk-medium.woff') format('woff'),
    url('hkgrotesk-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
/* Bold */
@font-face {
  font-family: 'HK Grotesk';
  src: url('hkgrotesk-bold.eot');
  src: url('hkgrotesk-boldd41d.eot?#iefix') format('embedded-opentype'),
    url('hkgrotesk-bold.woff2') format('woff2'),
    url('hkgrotesk-bold.woff') format('woff'),
    url('hkgrotesk-bold.ttf') format('truetype');
  font-weight: bold;
  font-weight: 700;
  font-style: normal;
}