@font-face {
    font-family: 'hk_grotesklight';
    src: url('../fonts/hkgrotesk-light-webfont.woff2') format('woff2'),
         url('../fonts/hkgrotesk-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_grotesksemibold';
    src: url('../fonts/hkgrotesk-semibold-webfont.woff2') format('woff2'),
         url('../fonts/hkgrotesk-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_grotesklight_legacy_italic';
    src: url('../fonts/hkgrotesk-lightlegacyitalic-webfont.woff2') format('woff2'),
         url('../fonts/hkgrotesk-lightlegacyitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_novamedium';
    src: url('../fonts/hknova-medium-webfont.woff2') format('woff2'),
         url('../fonts/hknova-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_groteskbold';
    src: url('../fonts/hkgrotesk-bold-webfont.woff2') format('woff2'),
         url('../fonts/hkgrotesk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_groteskmedium';
    src: url('../fonts/hkgrotesk-medium-webfont.woff2') format('woff2'),
         url('../fonts/hkgrotesk-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fractul_altlight';
    src: url('../fonts/fractul_alt_light-webfont.woff2') format('woff2'),
         url('../fonts/fractul_alt_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}