.hero-header-ms {
  color: var(--bs-white);
  height: 70vh;
}

.hero-header-ms h1,
.hero-header-ms h2 {
  letter-spacing: 2.6px;
  color: var(--bs-white);
  text-transform: uppercase;
}

.hero-header-ms-small {
  height: 365px;
}

.hero-header-ms-extra-small {
  max-height: 300px;
  padding-top: 32px;
}

@media (min-width: 768px) {
  .hero-header-ms h1,
  .hero-header-ms h2 {
    max-width: 45%;
  }
}

@media (max-width: 575.98px) {
  .hero-header-ms h1,
  .hero-header-ms h2 {
    font-size: 38px;
  }
}

@media (min-width: 1200px) {
  .hero-header-ms-small {
      height: 600px;
  }

  .hero-header-ms-extra-small {
    padding-top: 42px;
    max-height: 400px;
  }

  .hero-header-ms-extra-small h1{
    max-width: 70%;
  }
}
/*.hero-header-lila {*/
/*  background-color: $lila;*/
/*}*/

.hero-header-ms-blue {
  background-color: var(--bs-primary);
}

/*.hero-header-orange {*/
/*  background-color: $orange;*/
/*}*/