/* ============================================================
   Utah City — Responsive Styles
   ============================================================ */

/* ── Large desktops (≥ 1200px) ─────────────────────────── */
@media (min-width: 1200px) {
  .hero .hero-title { font-size: 3.6rem; }
}

/* ── Desktops (< 1200px) ────────────────────────────────── */
@media (max-width: 1199px) {
 
}

/* ── Tablets (< 992px) ──────────────────────────────────── */
@media (max-width: 991px) {
  .hero .hero-title { font-size: 2.8rem; }

  .same-section { padding: 3rem 0; }
  .simple-section .simple-card .arrow-icon{display: none;}
  .cta-split{background: #fff;}
  /* .cta-split{background: linear-gradient(to bottom, #002C46 50%,#fff 50%);} */
  .site-footer .footer-top{padding: 2rem 0;}
  .site-footer .footer-bottom{text-align: center;}
  .site-footer .footer-legal{justify-content: center; margin-top: 0.5rem;}
  .site-footer .footer-logo-wrap{ margin-bottom: 2rem;}
  .site-footer .footer-desc{max-width: 65%; margin: 0 auto;} 
  .site-footer .footer-logo-wrap{text-align: center; }
 .site-footer .footer-logo-link{text-align: center; }
.cta-split .cta-light{padding: 1.1rem; background:#fff ;}
.cta-split .cta-dark{padding: 1.1rem; background:#002C46 ;}
.same-heading{margin-bottom: 2rem;}
.community-section .community-list li{padding: 0.8rem 0;}
.max-wid-50{max-width: 100%;}
.max-wid-80{max-width: 100%;}
.hero .hero-lead{font-size: 1.1rem; margin: 1rem auto;}
 .simple-section .simple-card,.principles-section .card-box{padding: 1.1rem;}
 .principles-section .card-box h3,.simple-section .simple-card h3{    font-size: 1.12rem;}
 .audience-section li{font-size: 1rem;}

 .inner-banner{padding: 3rem 0;}
 .inner-banner h1{        font-size: 2.2rem;}

}

/* ── Mobile landscape / large phones (< 768px) ──────────── */
@media (max-width: 767px) {
  /* h2              { font-size: 1.75rem; } */
  .same-section   { padding: 3rem 0; }
  .same-heading   { margin-bottom: 2rem; }
.hero { min-height: inherit; }
.hero .hero-tag{margin-bottom: 1rem;}
.hero .btn-hero-outline,
  .hero .btn-hero-solid {
    display: block;
    width: 100%;
    text-align: center;
  }

  /* Hero */
  /* .hero { padding: 7rem 0 3rem; }
  .hero .hero-title { font-size: 2rem; }
  .hero .hero-lead  { font-size: 1rem; padding: 0 1rem; }
   */

  /* Info */
  .info-section .main-text { font-size: 1.5rem; }
  .info-section .sub-text  { font-size: 1rem; }

.same-heading h2{font-size: 1.5rem;}
.same-heading p{font-size: 1rem; }
.site-footer .footer-desc{max-width: 100%;}
.cta-split .section-bottom-btn{flex-direction: column;} 
.cta-split .section-bottom-btn a{width: 100%; text-align: center;} 
.community-section .bellas-bg{margin-top: 1rem;}
.image-slider .item img{height: 10rem;}
.lifestyle-section .lifestyle-card{    height: 10rem;}
.site-header .top-bar{padding: 0.55rem;}
.site-header .header-logo{height: 1.2rem;}
.hero .hero-title {font-size: 2.2rem; margin-bottom: 1rem;}
.hero .hero-title br{display: none;}

}

/* ── Small phones (< 576px) ─────────────────────────────── */
@media (max-width: 575px) {
  /* .site-header .top-bar { font-size: 0.68rem; }

  .hero .hero-title { font-size: 1.75rem; }

  .simple-card { padding: 2rem 1.25rem; }

  .cta-dark,
  .cta-light { padding: 2.5rem 1.25rem; }

  .newsletter-form { flex-direction: column; }
  .newsletter-btn  { width: 100%; justify-content: center; } */
}