@font-face {
    font-family: 'HKGrotesk';
    src: url('../fonts/HKGroteskRegular.eot');
    src: url('../fonts/HKGroteskRegular.eot') format('embedded-opentype'),
         url('../fonts/HKGroteskRegular.woff2') format('woff2'),
         url('../fonts/HKGroteskRegular.woff') format('woff'),
         url('../fonts/HKGroteskRegular.ttf') format('truetype'),
         url('../fonts/HKGroteskRegular.svg#HKGroteskRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HKGrotesk';
    src: url('../fonts/HKGroteskMedium.eot');
    src: url('../fonts/HKGroteskMedium.eot') format('embedded-opentype'),
         url('../fonts/HKGroteskMedium.woff2') format('woff2'),
         url('../fonts/HKGroteskMedium.woff') format('woff'),
         url('../fonts/HKGroteskMedium.ttf') format('truetype'),
         url('../fonts/HKGroteskMedium.svg#HKGroteskMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'HKGrotesk';
    src: url('../fonts/HKGroteskBold.eot');
    src: url('../fonts/HKGroteskBold.eot') format('embedded-opentype'),
         url('../fonts/HKGroteskBold.woff2') format('woff2'),
         url('../fonts/HKGroteskBold.woff') format('woff'),
         url('../fonts/HKGroteskBold.ttf') format('truetype'),
         url('../fonts/HKGroteskBold.svg#HKGroteskBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Geometria';
    src: url('../fonts/Geometria-Bold.eot');
    src: url('../fonts/Geometria-Bold.eot') format('embedded-opentype'),
         url('../fonts/Geometria-Bold.woff') format('woff'),
         url('../fonts/Geometria-Bold.ttf') format('truetype'),
         url('../fonts/Geometria-Bold.svg#Geometria') format('svg');
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'Druk';
    src: url('../fonts/Druk_Wide_Bold.eot');
    src: url('../fonts/Druk_Wide_Bold.eot') format('embedded-opentype'),
         url('../fonts/Druk_Wide_Bold.woff2') format('woff2'),
         url('../fonts/Druk_Wide_Bold.woff') format('woff'),
         url('../fonts/Druk_Wide_Bold.ttf') format('truetype'),
         url('../fonts/Druk_Wide_Bold.svg#Druk_Wide_Bold') format('svg');
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica.eot');
    src: url('fonts/Helvetica.eot') format('embedded-opentype'),
         url('fonts/Helvetica.woff2') format('woff2'),
         url('fonts/Helvetica.woff') format('woff'),
         url('fonts/Helvetica.ttf') format('truetype'),
         url('fonts/Helvetica.svg#Helvetica') format('svg');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Geometria';
    src: url('../fonts/GeometriaLight.eot');
    src: url('../fonts/GeometriaLight.eot') format('embedded-opentype'),
         url('../fonts/GeometriaLight.woff2') format('woff2'),
         url('../fonts/GeometriaLight.woff') format('woff'),
         url('../fonts/GeometriaLight.ttf') format('truetype'),
         url('../fonts/GeometriaLight.svg#GeometriaLight') format('svg');
    font-style: normal;
    font-weight: 300;
}