html,body{
  max-width:100%;
  overflow-x:hidden!important;
}
img{
  max-width:100%;
  height:auto;
}
@media (max-width: 980px){
  html,body{
    overflow-x:hidden!important;
  }
  header, nav, main, section, footer, .container, .wrap, .content, .hero, .grid, .row, .col{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  h1{
    font-size:clamp(28px,8vw,42px)!important;
    line-height:1.08!important;
    word-break:break-word!important;
  }
  h2{
    font-size:clamp(22px,6.5vw,34px)!important;
    line-height:1.14!important;
    word-break:break-word!important;
  }
  p, li, a, span, strong{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .btn, button, a[class*="btn"], a[class*="button"]{
    max-width:100%!important;
    white-space:normal!important;
    text-align:center!important;
  }
  nav ul, .menu, .navbar-nav, .nav-links{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }
  .logo img, .site-logo img, .navbar-brand img, header img[alt*="PelleFix" i]{
    max-height:42px!important;
    width:auto!important;
    display:block!important;
  }
}