@media (max-width:900px){
  .hero__inner{grid-template-columns:1fr}

  .hero h1{
    font-size:42px;
  }

  .pagehead h1,
  .watchhead h1{
    font-size:34px;
  }

  .cols{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .wrap{
    padding:0 16px;
  }

  .topbar__inner{
    height:auto;
    min-height:72px;
    padding:12px 0;
    gap:14px;
    flex-wrap:wrap;
  }

  .nav{
    gap:14px;
    flex-wrap:wrap;
  }

  .hero{
    padding:42px 0 34px;
  }

  .hero h1{
    font-size:34px;
  }

  .lead,
  .tagline{
    font-size:16px;
  }

  .grid{
    grid-template-columns:1fr;
  }

  .tile{
    min-height:auto;
  }

  .tile__logo{
    height:100px;
  }

  .featureCard{
    padding:18px;
  }

  .featureCard__title{
    font-size:26px;
  }

  .pagehead h1,
  .watchhead h1{
    font-size:28px;
  }
}