@font-face {
    font-family: 'HK Grotesk Legacy';
    src: url('../fonts/hkgrotesk-legacyitalic.eot');
    src: local('HK Grotesk Legacy Italic'), local('HKGrotesk-LegacyItalic'),
        url('../fonts/hkgrotesk-legacyitalic.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-legacyitalic.woff2') format('woff2'),
        url('../fonts/hkgrotesk-legacyitalic.woff') format('woff'),
        url('../fonts/hkgrotesk-legacyitalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'HK Grotesk Light Legacy';
    src: url('../fonts/hkgrotesk-lightlegacyitalic.eot');
    src: local('HK Grotesk Light Legacy Italic'), local('HKGrotesk-LightLegacyItalic'),
        url('../fonts/hkgrotesk-lightlegacyitalic.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-lightlegacyitalic.woff2') format('woff2'),
        url('../fonts/hkgrotesk-lightlegacyitalic.woff') format('woff'),
        url('../fonts/hkgrotesk-lightlegacyitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-semibolditalic.eot');
    src: local('HK Grotesk SemiBold Italic'), local('HKGrotesk-SemiBoldItalic'),
        url('../fonts/hkgrotesk-semibolditalic.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-semibolditalic.woff2') format('woff2'),
        url('../fonts/hkgrotesk-semibolditalic.woff') format('woff'),
        url('../fonts/hkgrotesk-semibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-bolditalic.eot');
    src: local('HK Grotesk Bold Italic'), local('HKGrotesk-BoldItalic'),
        url('../fonts/hkgrotesk-bolditalic.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-bolditalic.woff2') format('woff2'),
        url('../fonts/hkgrotesk-bolditalic.woff') format('woff'),
        url('../fonts/hkgrotesk-bolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'HK Grotesk Medium Legacy';
    src: url('../fonts/hkgrotesk-mediumlegacy.eot');
    src: local('HK Grotesk Medium Legacy'), local('HKGrotesk-MediumLegacy'),
        url('../fonts/hkgrotesk-mediumlegacy.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-mediumlegacy.woff2') format('woff2'),
        url('../fonts/hkgrotesk-mediumlegacy.woff') format('woff'),
        url('../fonts/hkgrotesk-mediumlegacy.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-bold.eot');
    src: local('HK Grotesk Bold'), local('HKGrotesk-Bold'),
        url('../fonts/hkgrotesk-bold.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-bold.woff2') format('woff2'),
        url('../fonts/hkgrotesk-bold.woff') format('woff'),
        url('../fonts/hkgrotesk-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-medium.eot');
    src: local('HK Grotesk Medium'), local('HKGrotesk-Medium'),
        url('../fonts/hkgrotesk-medium.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-medium.woff2') format('woff2'),
        url('../fonts/hkgrotesk-medium.woff') format('woff'),
        url('../fonts/hkgrotesk-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-extrabold.eot');
    src: local('HK Grotesk ExtraBold'), local('HKGrotesk-ExtraBold'),
        url('../fonts/hkgrotesk-extrabold.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-extrabold.woff2') format('woff2'),
        url('../fonts/hkgrotesk-extrabold.woff') format('woff'),
        url('../fonts/hkgrotesk-extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk Light Legacy';
    src: url('../fonts/hkgrotesk-lightlegacy.eot');
    src: local('HK Grotesk Light Legacy'), local('HKGrotesk-LightLegacy'),
        url('../fonts/hkgrotesk-lightlegacy.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-lightlegacy.woff2') format('woff2'),
        url('../fonts/hkgrotesk-lightlegacy.woff') format('woff'),
        url('../fonts/hkgrotesk-lightlegacy.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-semibold.eot');
    src: local('HK Grotesk SemiBold'), local('HKGrotesk-SemiBold'),
        url('../fonts/hkgrotesk-semibold.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-semibold.woff2') format('woff2'),
        url('../fonts/hkgrotesk-semibold.woff') format('woff'),
        url('../fonts/hkgrotesk-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-italic.eot');
    src: local('HK Grotesk Italic'), local('HKGrotesk-Italic'),
        url('../fonts/hkgrotesk-italic.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-italic.woff2') format('woff2'),
        url('../fonts/hkgrotesk-italic.woff') format('woff'),
        url('../fonts/hkgrotesk-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'HK Grotesk Legacy';
    src: url('../fonts/hkgrotesk-boldlegacyitalic.eot');
    src: local('HK Grotesk Bold Legacy Italic'), local('HKGrotesk-BoldLegacyItalic'),
        url('../fonts/hkgrotesk-boldlegacyitalic.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-boldlegacyitalic.woff2') format('woff2'),
        url('../fonts/hkgrotesk-boldlegacyitalic.woff') format('woff'),
        url('../fonts/hkgrotesk-boldlegacyitalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-lightitalic.eot');
    src: local('HK Grotesk Light Italic'), local('HKGrotesk-LightItalic'),
        url('../fonts/hkgrotesk-lightitalic.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-lightitalic.woff2') format('woff2'),
        url('../fonts/hkgrotesk-lightitalic.woff') format('woff'),
        url('../fonts/hkgrotesk-lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-light.eot');
    src: local('HK Grotesk Light'), local('HKGrotesk-Light'),
        url('../fonts/hkgrotesk-light.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-light.woff2') format('woff2'),
        url('../fonts/hkgrotesk-light.woff') format('woff'),
        url('../fonts/hkgrotesk-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-regular.eot');
    src: local('HK Grotesk Regular'), local('HKGrotesk-Regular'),
        url('../fonts/hkgrotesk-regular.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-regular.woff2') format('woff2'),
        url('../fonts/hkgrotesk-regular.woff') format('woff'),
        url('../fonts/hkgrotesk-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk Legacy';
    src: url('../fonts/hkgrotesk-regularlegacy.eot');
    src: local('HK Grotesk Regular Legacy'), local('HKGrotesk-RegularLegacy'),
        url('../fonts/hkgrotesk-regularlegacy.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-regularlegacy.woff2') format('woff2'),
        url('../fonts/hkgrotesk-regularlegacy.woff') format('woff'),
        url('../fonts/hkgrotesk-regularlegacy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk SemiBold Legacy';
    src: url('../fonts/hkgrotesk-semiboldlegacy.eot');
    src: local('HK Grotesk SemiBold Legacy'), local('HKGrotesk-SemiBoldLegacy'),
        url('../fonts/hkgrotesk-semiboldlegacy.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-semiboldlegacy.woff2') format('woff2'),
        url('../fonts/hkgrotesk-semiboldlegacy.woff') format('woff'),
        url('../fonts/hkgrotesk-semiboldlegacy.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-black.eot');
    src: local('HK Grotesk Black'), local('HKGrotesk-Black'),
        url('../fonts/hkgrotesk-black.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-black.woff2') format('woff2'),
        url('../fonts/hkgrotesk-black.woff') format('woff'),
        url('../fonts/hkgrotesk-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk SmBold Legacy';
    src: url('../fonts/hkgrotesk-semiboldlegacyitalic.eot');
    src: local('HK Grotesk SemiBold Legacy Italic'), local('HKGrotesk-SemiBoldLegacyItalic'),
        url('../fonts/hkgrotesk-semiboldlegacyitalic.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-semiboldlegacyitalic.woff2') format('woff2'),
        url('../fonts/hkgrotesk-semiboldlegacyitalic.woff') format('woff'),
        url('../fonts/hkgrotesk-semiboldlegacyitalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'HK Grotesk Legacy';
    src: url('../fonts/hkgrotesk-boldlegacy.eot');
    src: local('HK Grotesk Bold Legacy'), local('HKGrotesk-BoldLegacy'),
        url('../fonts/hkgrotesk-boldlegacy.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-boldlegacy.woff2') format('woff2'),
        url('../fonts/hkgrotesk-boldlegacy.woff') format('woff'),
        url('../fonts/hkgrotesk-boldlegacy.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk Medium Legacy';
    src: url('../fonts/hkgrotesk-mediumlegacyitalic.eot');
    src: local('HK Grotesk Medium Legacy Italic'), local('HKGrotesk-MediumLegacyItalic'),
        url('../fonts/hkgrotesk-mediumlegacyitalic.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-mediumlegacyitalic.woff2') format('woff2'),
        url('../fonts/hkgrotesk-mediumlegacyitalic.woff') format('woff'),
        url('../fonts/hkgrotesk-mediumlegacyitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-mediumitalic.eot');
    src: local('HK Grotesk Medium Italic'), local('HKGrotesk-MediumItalic'),
        url('../fonts/hkgrotesk-mediumitalic.eot') format('embedded-opentype'),
        url('../fonts/hkgrotesk-mediumitalic.woff2') format('woff2'),
        url('../fonts/hkgrotesk-mediumitalic.woff') format('woff'),
        url('../fonts/hkgrotesk-mediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}