@font-face {
    font-family: 'hk grotesk';
    src: url('hankgrotesk-light-webfont.woff2') format('woff2'),
         url('hankgrotesk-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'hk grotesk';
    src: url('hankgrotesk-lightitalic-webfont.woff2') format('woff2'),
         url('hankgrotesk-lightitalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;

}
@font-face {
    font-family: 'hk grotesk';
    src: url('hankgrotesk-regular-webfont.woff2') format('woff2'),
         url('hankgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hk grotesk';
    src: url('hankgrotesk-italic-webfont.woff2') format('woff2'),
         url('hankgrotesk-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'hk grotesk';
    src: url('hankgrotesk-medium-webfont.woff2') format('woff2'),
         url('hankgrotesk-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'hk grotesk';
    src: url('hankgrotesk-mediumitalic-webfont.woff2') format('woff2'),
         url('hankgrotesk-mediumitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;

}
@font-face {
    font-family: 'hk grotesk';
    src: url('hankgrotesk-semibold-webfont.woff2') format('woff2'),
         url('hankgrotesk-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}
@font-face {
    font-family: 'hk grotesk';
    src: url('hankgrotesk-semibolditalic-webfont.woff2') format('woff2'),
         url('hankgrotesk-semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic

}
@font-face {
    font-family: 'hk grotesk';
    src: url('hankgrotesk-bold-webfont.woff2') format('woff2'),
         url('hankgrotesk-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}
@font-face {
    font-family: 'hk grotesk';
    src: url('hankgrotesk-bolditalic-webfont.woff2') format('woff2'),
         url('hankgrotesk-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;

}