h1, h2, h3, h4, h5 {
  font-family: var(--header);
  line-height: 1;
  margin: 0 0 1rem 0;
  font-weight: 700;
}

h1 {
  font-size: 5rem;
  line-height: 0.9;
}

h2 {
  font-size: 3rem;
  font-weight: 700;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

h5 {
  font-size: 1.35rem;
  line-height: 1.5rem;
}

h5 i.fa {
  margin-right: 10px;
  color: var(--priamry);
}

em {
  font-style: italic;
}

p {
  line-height: 1.65;
}

p, ul, ol {
  margin-bottom: 1.25rem;
}

ul {
  padding: 0 0 0 15px;
}

p.lead {
  font-size: 1.3rem;
  line-height: 1.4;
}

.eyebrow {
  font-family: var(--header);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 0.95rem;
  color: var(--primary);
  display: flex;
  align-items: center;
}

.eyebrow::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-image: url("../img/icons/icons-water-drop.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

a {
  text-decoration: none;
  transition: var(--transition);
}

.text-center .eyebrow {
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.text-center .eyebrow::before {
  margin-bottom: 10px;
}

@media (max-width: 992px) {
  h1 {
    font-size: 4rem;
  }
}
/* 
.host-grotesk-<uniquifier> {
    font-family: "Host Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  }

  .roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
  }

  .roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }

  .roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }

  .roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  .roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
  }

  .roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
  }

  .roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
  }

  .roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
  }

  .roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
  }

  .roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
  }

  .roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
  *//*# sourceMappingURL=typography.min.css.map */