.hero-kicker {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.36px;
  text-transform: capitalize;
  color: #FFFFFF;
  max-width: 60%;
  width: 60% !important;        /* Restrict to 60% */
  flex: 0 0 60% !important;     /* Works if in flexbox */
}

/* Full width on mobile */
@media (max-width: 820px){
  .hero-kicker {
    width: 100% !important;
    max-width: 100% !important;
  }
}


.hero-subtitle {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize;
  color: #FFFFFF;
  max-width: 100%;
  width: 100% !important;       /* Full width */
  flex: 0 0 100% !important;    /* Works if in flexbox */
}