/* --- Fix for mobile text and background --- */

#landingpageintro .introbg {
  background-color: rgba(255, 255, 255, 0.8);
  color: #333 !important;
}

/* Ensure headings and paragraphs inherit the correct color */

#landingpageintro .introbg h1,
#landingpageintro .introbg p {
  color: #333 !important;
}

/* --- Adjust headline size on mobile --- */

@media screen and (max-width: 59.99em) {
  
  #landingpageintro .introbg h1 {
    font-size: 3rem !important;
  }

}