/* Hermes Light */
@font-face {
  font-family: "Hermes";
  src: url("../fonts/Hermes-Light.woff2") format("woff2"),
       url("../fonts/Hermes-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Gordita Regular */
@font-face {
  font-family: "Gordita";
  src: url("../fonts/Gordita-Regular.woff2") format("woff2"),
       url("../fonts/Gordita-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Gordita Italic */
@font-face {
  font-family: "Gordita";
  src: url("../fonts/Gordita-Italic.woff2") format("woff2"),
       url("../fonts/Gordita-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Gordita Bold */
@font-face {
  font-family: "Gordita";
  src: url("../fonts/Gordita-Bold.woff2") format("woff2"),
       url("../fonts/Gordita-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Gordita", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

strong, b {
  font-weight: 700; /* Gordita Bold */
}

em, i {
  font-style: italic; /* Gordita Italic */
}

h1, h2, h3 {
  font-family: "Hermes", system-ui, sans-serif;
  font-weight: 300; /* uses Hermes Light */
}

h4 {
  font-family: "Hermes", system-ui, sans-serif;
  font-weight: 300; /* uses Hermes Light */
	font-size: 0.6rem;
	text-transform: uppercase;
}

h1.hero-title {
  font-family: "Hermes", system-ui, sans-serif !important;
  font-weight: 300 !important;
}