@media (min-width:960px){
  .nav{padding-left:max(40px,calc((100vw - 1320px)/2));padding-right:max(40px,calc((100vw - 1320px)/2))}
  .hero{min-height:640px;grid-template-columns:1.1fr .9fr;gap:42px;padding-left:max(50px,calc((100vw - 1280px)/2));padding-right:max(50px,calc((100vw - 1280px)/2))}
  .hero-logo{max-width:520px;justify-self:center}
  .section,.support,.websites{padding-left:max(50px,calc((100vw - 1320px)/2));padding-right:max(50px,calc((100vw - 1320px)/2))}
  .service-grid,.web-grid{max-width:1280px;margin-left:auto;margin-right:auto}
  .contact{max-width:1280px;margin:0 auto;grid-template-columns:.85fr 1fr;padding-left:0;padding-right:0}
  footer{padding-left:max(40px,calc((100vw - 1320px)/2));padding-right:max(40px,calc((100vw - 1320px)/2))}
}