/* Regular */
@font-face {
  font-family: 'HN';
  src: url('../fonts/HN.eot');
  src: url('../fonts/HN.eot?#iefix') format('embedded-opentype'),
      url('../fonts/HN.woff2') format('woff2'),
      url('../fonts/HN.woff') format('woff'),
      url('../fonts/HN.ttf') format('truetype'),
      url('../fonts/HN.svg#HN') format('svg');
  font-weight: 400;
  font-style: normal;
}

/* Light */
@font-face {
  font-family: 'HN';
  src: url('../fonts/HN-light.eot');
  src: url('../fonts/HN-light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/HN-light.woff2') format('woff2'),
      url('../fonts/HN-light.woff') format('woff'),
      url('../fonts/HN-light.ttf') format('truetype'),
      url('../fonts/HN-light.svg#HN') format('svg');
  font-weight: 300;
  font-style: normal;
}

/* Medium */
@font-face {
  font-family: 'HN';
  src: url('../fonts/HN-medium.eot');
  src: url('../fonts/HN-medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/HN-medium.woff2') format('woff2'),
      url('../fonts/HN-medium.woff') format('woff'),
      url('../fonts/HN-medium.ttf') format('truetype'),
      url('../fonts/HN-medium.svg#HN') format('svg');
  font-weight: 500;
  font-style: normal;
}

/* Bold */
@font-face {
  font-family: 'HN';
  src: url('../fonts/HN-bold.eot');
  src: url('../fonts/HN-bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/HN-bold.woff2') format('woff2'),
      url('../fonts/HN-bold.woff') format('woff'),
      url('../fonts/HN-bold.ttf') format('truetype'),
      url('../fonts/HN-bold.svg#HN') format('svg');
  font-weight: 600;
  font-style: normal;
}