/* Responsive global rules */
@media (max-width:560px){
  .container{padding:0 18px;}
  h2{line-height:1.18;}
  .sec-heading{margin-bottom:28px;}
  .hero-title{font-size:clamp(2rem,9vw,3.2rem);}
}

/* Allow buttons in hero to behave as block on mobile */
@media (max-width:480px){
  .btn{padding:13px 18px;}
}

/* Lightbox responsive */
@media (max-width:768px){
  .lb-image{max-width:94vw;max-height:80vh;}
}