@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

@font-face {
    font-family: 'hk_groteskbold';
    font-weight: normal;
    font-style: normal;

    src: url('./HKGrotesk/hkgrotesk-bold.eot');
    src: url('./HKGrotesk/hkgrotesk-bold.eot?#iefix') format('embedded-opentype'), url('./HKGrotesk/hkgrotesk-bold.woff') format('woff'), url('./HKGrotesk/hkgrotesk-bold.ttf') format('truetype'), url('./HKGrotesk/hkgrotesk-bold.svg') format('svg');
}

@font-face
{
    font-family: 'hk_groteskmedium';
    font-weight: normal;
    font-style: normal;

    src: url('./HKGrotesk/hkgrotesk-medium.eot');
    src: url('./HKGrotesk/hkgrotesk-medium.eot?#iefix') format('embedded-opentype'), url('./HKGrotesk/hkgrotesk-medium.woff') format('woff'), url('./HKGrotesk/hkgrotesk-medium.ttf') format('truetype'), url('./HKGrotesk/hkgrotesk-medium.svg') format('svg');
}

@font-face
{
    font-family: 'hk_grotesksemibold';
    font-weight: normal;
    font-style: normal;

    src: url('./HKGrotesk/hkgrotesk-semibold.eot');
    src: url('./HKGrotesk/hkgrotesk-semibold.eot?#iefix') format('embedded-opentype'), url('./HKGrotesk/hkgrotesk-semibold.woff') format('woff'), url('./HKGrotesk/hkgrotesk-semibold.ttf') format('truetype'), url('./HKGrotesk/hkgrotesk-semibold.svg') format('svg');
}

@font-face
{
    font-family: 'hk_groteskregular';
    font-weight: normal;
    font-style: normal;

    src: url('./HKGrotesk/hkgrotesk-regular.eot');
    src: url('./HKGrotesk/hkgrotesk-regular.eot?#iefix') format('embedded-opentype'), url('./HKGrotesk/hkgrotesk-regular.woff') format('woff'), url('./HKGrotesk/hkgrotesk-regular.ttf') format('truetype'), url('./HKGrotesk/hkgrotesk-regular.svg') format('svg');
}

@font-face
{
    font-family: 'hk_grotesklight';
    font-weight: normal;
    font-style: normal;

    src: url('./HKGrotesk/hkgrotesk-light.eot');
    src: url('./HKGrotesk/hkgrotesk-light.eot?#iefix') format('embedded-opentype'), url('./HKGrotesk/hkgrotesk-light.woff') format('woff'), url('./HKGrotesk/hkgrotesk-light.ttf') format('truetype'), url('./HKGrotesk/hkgrotesk-regular.svg') format('svg');
}

/* WORK SANS  */

/* work-sans-300 - latin-ext_latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Work Sans Light'), local('WorkSans-Light'),
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  /* work-sans-500 - latin-ext_latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Work Sans Medium'), local('WorkSans-Medium'),
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  /* work-sans-regular - latin-ext_latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Work Sans'), local('WorkSans-Regular'),
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  /* work-sans-600 - latin-ext_latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
    src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'),
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/WorkSans/work-sans-v5-latin-ext_latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
  }