/* Constrain mobile dropdowns to the navigation instead of each rightmost item. */
@media(max-width:700px){
 html{scrollbar-gutter:auto;overflow-x:clip}
 body{overflow-x:clip}
 .nav,.links,.hero-grid,.intro,.about-grid,.contact-grid,.faq-grid,.grant-box,.calc-layout{min-width:0}
 .links{position:relative;max-width:100%;flex-wrap:wrap}
 .links>.offer-menu{position:static}
 .links .offer-dropdown{left:0;right:auto;top:calc(100% + 8px);width:min(320px,100%);max-width:100%;box-sizing:border-box}
 .hero{grid-template-columns:minmax(0,1fr)}
 .hero-grid{grid-template-columns:minmax(0,1fr)}
 .hero-grid>*,.contact-grid>*,.intro>*,.about-grid>*,.faq-grid>*,.calc-layout>*{min-width:0}
 .topbar-inner>div{min-width:0;max-width:100%;flex-wrap:wrap}
 .topbar a,.contact-links a{max-width:100%;overflow-wrap:anywhere}
 .brand.brand-logo{flex-shrink:1}
 img,video,svg{max-width:100%}
}