@media (max-width: 640px) {
  .hero-copy h1,
  .about-hero-copy h1,
  .projects-hero-copy h1,
  .reference-hero-copy h1,
  .news-hero-copy h1,
  .gallery-hero-copy h1,
  .project-hero h1 {
    font-size: clamp(36px, 10.5vw, 46px) !important;
    line-height: 0.98 !important;
    overflow-wrap: normal;
    text-wrap: balance;
  }
}