@font-face {
  font-family: "The Group TEXT";
  src:
    url("TheGroupTEXT-Bold.woff2") format("woff2"), /* Super Modern Browsers */
    url("TheGroupTEXT-Bold.woff") format("woff"), /* Pretty Modern Browsers */
    url("TheGroupTEXT-Bold.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "The Group TEXT";
  src:
    url("TheGroupTEXT-Medium.woff2") format("woff2"), /* Super Modern Browsers */
    url("TheGroupTEXT-Medium.woff") format("woff"), /* Pretty Modern Browsers */
    url("TheGroupTEXT-Medium.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "The Group TEXT";
  src:
    url("TheGroupTEXT-Regular.woff2") format("woff2"), /* Super Modern Browsers */
    url("TheGroupTEXT-Regular.woff") format("woff"), /* Pretty Modern Browsers */
    url("TheGroupTEXT-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "The Group HEAD";
  src:
    url("TheGroupHEAD-Light.woff2") format("woff2"), /* Super Modern Browsers */
    url("TheGroupHEAD-Light.woff") format("woff"), /* Pretty Modern Browsers */
    url("TheGroupHEAD-Light.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: "The Group HEAD";
  src:
    url("TheGroupHEAD-Lightitalic.woff2") format("woff2"), /* Super Modern Browsers */
    url("TheGroupHEAD-Lightitalic.woff") format("woff"), /* Pretty Modern Browsers */
    url("TheGroupHEAD-Lightitalic.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: lighter;
  font-style: italic;
}