@media (max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  header{height:auto!important;padding:14px 0!important}
  .header-inner{display:block!important;width:calc(100% - 36px)!important}
  .brand{display:block!important;width:100%!important;margin-bottom:12px!important}
  .header-inner>div:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;width:100%!important;max-width:100%!important;margin:0!important}
  .header-inner>div:last-child .contact{display:inline-block!important;padding:10px 14px!important;font-size:12px!important}
  .header-inner>div:last-child a:last-child{display:block!important;max-width:100%!important;font-size:11px!important;overflow-wrap:anywhere!important;text-align:left!important}
  .hero{height:590px!important}
  .hero-bg{background-position:80% center!important}
  .hero:before{background:linear-gradient(90deg,rgba(250,250,248,.94) 0%,rgba(250,250,248,.79) 43%,rgba(250,250,248,.22) 100%)!important}
  .hero-inner{padding-top:62px!important}
  .hero h1{max-width:77%!important;text-shadow:0 1px 12px rgba(255,255,255,.72)!important}
  #service .wrap{width:100%!important}
  #service .section-kicker,#service h2,#service .intro{margin-left:18px;margin-right:18px}
  #service .services{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:14px!important;padding:0 18px 14px!important;scroll-snap-type:x mandatory!important;scroll-padding-left:18px;-webkit-overflow-scrolling:touch}
  #service .service{flex:0 0 78vw!important;min-width:78vw!important;scroll-snap-align:start}
}