@media(max-width:1100px){
  .serviceGrid{grid-template-columns:repeat(2,1fr)}
  .stageCards{grid-template-columns:repeat(2,1fr)}
  .galleryGrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .topbar{height:auto;padding:10px 5%;display:grid;font-size:12px}
  .nav{height:78px;padding:0 5%}
  .brand img{width:145px}
  .menuBtn{display:block}
  .menu{
    position:absolute;
    top:78px;
    left:0;
    right:0;
    background:#080808;
    border-bottom:1px solid rgba(255,255,255,.12);
    padding:22px 5%;
    display:none;
    flex-direction:column;
    align-items:flex-start;
  }
  .menu.open{display:flex}
  .hero,.stageHero,.diagnostic,.contactCard{grid-template-columns:1fr}
  .hero{padding:50px 5%}
  .section,.contact{padding:68px 5%}
  .heroPhoto img,.stageImage img,.diagImage img{height:330px}
  .serviceGrid,.stageCards,.galleryGrid{grid-template-columns:1fr}
  .serviceCard{min-height:auto}
  .diagList{grid-template-columns:1fr}
}