/* =========================================================
   Nell Haven Homes - Blog article page - responsive rules
   (media queries for blog-post.css; load after it)
   ========================================================= */

@media (max-width:1199.98px){
  .bp-article > .shell > .row{--bs-gutter-x:44px}
}

@media (max-width:991.98px){
  .bp-body{max-width:none}
  .bp-aside{position:static}
}

@media (max-width:680px){
  .page-banner.bp-banner h1{font-size:clamp(30px,8.6vw,40px)}
  .bp-body{font-size:16px}
  .bp-body h2{font-size:clamp(25px,7vw,30px);margin-top:38px}
  .bp-home{flex-direction:column;align-items:stretch;gap:12px}
  .bp-home img{width:100%;height:auto;aspect-ratio:16/9}
  .bp-callout{padding:20px}
  .bp-box{padding:20px}
}