@media (max-width: 900px) {
  .site-header, .hero, .shell { width: 100%; max-width: 100%; }
  .hero-copy, .hero-visual { min-width: 0; }
  .hero-copy { width: 100%; }
  .hero-intro { width: 100%; max-width: 100%; overflow-wrap: anywhere; }
  .section-heading, .section-heading > p, .preview-copy > p, .request-aside > p { min-width: 0; width: 100%; max-width: 100%; overflow-wrap: anywhere; }
}

@media (max-width: 560px) {
  .site-header { overflow: hidden; }
  .header-actions .button { display: none; }
  .hero-intro { width: 330px !important; max-width: 330px !important; }
  .section-heading > p, .preview-copy > p, .request-aside > p { width: 330px !important; max-width: 330px !important; }
}