@font-face {
    font-family: 'hk-bold';
    src: url('../fonts/hk/hkgrotesk-bold.woff2') format('woff2'),
         url('../fonts/hk/hkgrotesk-bold.woff') format('woff'),
         url('../fonts/hk/hkgrotesk-bold.ttf') format('truetype'),
         url('../fonts/hk/hkgrotesk-bold.svg#hk_groteskbold') format('svg');
}

@font-face {
    font-family: 'hk-bold-italic';
    src: url('../fonts/hk/hkgrotesk-bolditalic.woff2') format('woff2'),
         url('../fonts/hk/hkgrotesk-bolditalic.woff') format('woff'),
         url('../fonts/hk/hkgrotesk-bolditalic.ttf') format('truetype'),
         url('../fonts/hk/hkgrotesk-bolditalic.svg#hk_groteskbold_italic') format('svg');
}

@font-face {
    font-family: 'hk-italic';
    src: url('../fonts/hk/hkgrotesk-italic.woff2') format('woff2'),
         url('../fonts/hk/hkgrotesk-italic.woff') format('woff'),
         url('../fonts/hk/hkgrotesk-italic.ttf') format('truetype'),
         url('../fonts/hk/hkgrotesk-italic.svg#hk_groteskitalic') format('svg');
}

@font-face {
    font-family: 'hk-medium';
    src: url('../fonts/hk/hkgrotesk-medium.woff2') format('woff2'),
         url('../fonts/hk/hkgrotesk-medium.woff') format('woff'),
         url('../fonts/hk/hkgrotesk-medium.ttf') format('truetype'),
         url('../fonts/hk/hkgrotesk-medium.svg#hk_groteskmedium') format('svg');
}

@font-face {
    font-family: 'hk-medium-italic';
    src: url('../fonts/hk/hkgrotesk-mediumitalic.woff2') format('woff2'),
         url('../fonts/hk/hkgrotesk-mediumitalic.woff') format('woff'),
         url('../fonts/hk/hkgrotesk-mediumitalic.ttf') format('truetype'),
         url('../fonts/hk/hkgrotesk-mediumitalic.svg#hk_groteskmedium_italic') format('svg');
}

@font-face {
    font-family: 'hk-regular';
    src: url('../fonts/hk/hkgrotesk-regular.woff2') format('woff2'),
         url('../fonts/hk/hkgrotesk-regular.woff') format('woff'),
         url('../fonts/hk/hkgrotesk-regular.ttf') format('truetype'),
         url('../fonts/hk/hkgrotesk-regular.svg#hk_groteskregular') format('svg');
}

@font-face {
  font-family: 'Ubuntu-Light';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/ubuntu/ubuntu-light.woff2') format('woff2'),
    url('../fonts/ubuntu/ubuntu-light.woff') format('woff'),
    url('../fonts/ubuntu/ubuntu-light.ttf') format('truetype'),
    url('../fonts/ubuntu/ubuntu-light.svg#ubuntulight') format('svg');
}

@font-face {
  font-family: 'Ubuntu-Light-Italic';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/ubuntu/ubuntu-lightitalic.woff2') format('woff2'),
    url('../fonts/ubuntu/ubuntu-lightitalic.woff') format('woff'),
    url('../fonts/ubuntu/ubuntu-lightitalic.ttf') format('truetype'),
    url('../fonts/ubuntu/ubuntu-lightitalic.svg#ubuntulight_italic') format('svg');
}

@font-face {
  font-family: 'Ubuntu-Medium';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/ubuntu/ubuntu-medium.woff2') format('woff2'),
    url('../fonts/ubuntu/ubuntu-medium.woff') format('woff'),
    url('../fonts/ubuntu/ubuntu-medium.ttf') format('truetype'),
    url('../fonts/ubuntu/ubuntu-medium.svg#ubuntumedium') format('svg');
}

@font-face {
  font-family: 'Ubuntu-Medium-Italic';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/ubuntu/ubuntu-mediumitalic.woff2') format('woff2'),
    url('../fonts/ubuntu/ubuntu-mediumitalic.woff') format('woff'),
    url('../fonts/ubuntu/ubuntu-mediumitalic.ttf') format('truetype'),
    url('../fonts/ubuntu/ubuntu-mediumitalic.svg#ubuntumedium_italic') format('svg');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/ubuntu/ubuntu-regular.woff2') format('woff2'),
    url('../fonts/ubuntu/ubuntu-regular.woff') format('woff'),
    url('../fonts/ubuntu/ubuntu-regular.ttf') format('truetype'),
    url('../fonts/ubuntu/ubuntu-regular.svg#ubunturegular') format('svg');
}

@font-face {
  font-family: 'Ubuntu-Italic';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/ubuntu/ubuntu-italic.woff2') format('woff2'),
    url('../fonts/ubuntu/ubuntu-italic.woff') format('woff'),
    url('../fonts/ubuntu/ubuntu-italic.ttf') format('truetype'),
    url('../fonts/ubuntu/ubuntu-italic.svg#ubuntuitalic') format('svg');
}