@font-face {
  font-family: 'HKGrotesk-Regular';
  src: url('HKGrotesk-Regular.eot?#iefix') format('embedded-opentype'),  url('HKGrotesk-Regular.otf')  format('opentype'),
	     url('HKGrotesk-Regular.woff') format('woff'), url('HKGrotesk-Regular.ttf')  format('truetype'), url('HKGrotesk-Regular.svg#HKGrotesk-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk-Light';
  src: url('HKGrotesk-Light.eot?#iefix') format('embedded-opentype'),  url('HKGrotesk-Light.otf')  format('opentype'),
	     url('HKGrotesk-Light.woff') format('woff'), url('HKGrotesk-Light.ttf')  format('truetype'), url('HKGrotesk-Light.svg#HKGrotesk-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk-Medium';
  src: url('HKGrotesk-Medium.eot?#iefix') format('embedded-opentype'),  url('HKGrotesk-Medium.otf')  format('opentype'),
	     url('HKGrotesk-Medium.woff') format('woff'), url('HKGrotesk-Medium.ttf')  format('truetype'), url('HKGrotesk-Medium.svg#HKGrotesk-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk-SemiBold';
  src: url('HKGrotesk-SemiBold.eot?#iefix') format('embedded-opentype'),  url('HKGrotesk-SemiBold.otf')  format('opentype'),
	     url('HKGrotesk-SemiBold.woff') format('woff'), url('HKGrotesk-SemiBold.ttf')  format('truetype'), url('HKGrotesk-SemiBold.svg#HKGrotesk-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk-Bold';
  src: url('HKGrotesk-Bold.eot?#iefix') format('embedded-opentype'),  url('HKGrotesk-Bold.otf')  format('opentype'),
	     url('HKGrotesk-Bold.woff') format('woff'), url('HKGrotesk-Bold.ttf')  format('truetype'), url('HKGrotesk-Bold.svg#HKGrotesk-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk-Black';
  src: url('HKGrotesk-Black.eot?#iefix') format('embedded-opentype'),  url('HKGrotesk-Black.otf')  format('opentype'),
	     url('HKGrotesk-Black.woff') format('woff'), url('HKGrotesk-Black.ttf')  format('truetype'), url('HKGrotesk-Black.svg#HKGrotesk-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk-ExtraBold';
  src: url('HKGrotesk-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('HKGrotesk-ExtraBold.otf')  format('opentype'),
	     url('HKGrotesk-ExtraBold.woff') format('woff'), url('HKGrotesk-ExtraBold.ttf')  format('truetype'), url('HKGrotesk-ExtraBold.svg#HKGrotesk-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}