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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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