/* ============================================================
   site.css — site-wide overrides shared by every page
   (loaded after style.css by includes/header.php)
   ============================================================ */

/* ===== Full-screen layout override =====
   Makes every section stretch across the whole screen instead
   of being boxed in a narrow centered column. */
.container{
  max-width:1800px !important;
  width:100% !important;
  margin:0 auto;
  padding-left:40px !important;
  padding-right:40px !important;
}
@media (max-width: 860px){
  .container{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}

/* ===== Logo size + tighter typography overrides ===== */
.brand img{
  height:64px !important;
  max-height:64px !important;
  width:auto;
}
html{font-size:15px;}
.hero h1{font-size:2.9rem !important;line-height:1.2;}
.hero-sub{font-size:1rem !important;}
.cta-band h3{font-size:1.35rem;}
.site-footer{font-size:.92rem;}
@media (max-width: 860px){
  .brand img{height:48px !important;max-height:48px !important;}
  .hero h1{font-size:2rem !important;}
}