/* Loaded after other styles: improves mobile readability (Bootstrap 3 uses 14px body). */

.home-review-logo-wrap {
  text-align: center;
  width: 100%;
}
.home-review-logo-wrap img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

body {
  font-size: 16px;
  line-height: 1.5;
}

/* Match index.css 2× #para; rem keeps parity if body font-size changes */
#para {
  font-size: 2.4rem;
  line-height: 1.5;
}

@media (min-width: 769px) {
  #para {
    font-size: 2.4rem;
  }
}

.footer .footer-description p,
.footer .footer-description-detail,
.footer .footer-description-detail span,
.footer .footer-description-detail a {
  font-size: 16px;
  line-height: 1.5;
}

/* index.php: same rules as inline <style> backup — kills Bootstrap h2 gap + hero/review whitespace on mobile */
@media (max-width: 768px) {
  section.home-hero {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  section.home-hero .carousel,
  section.home-hero #myCarousel.carousel {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
  }
  section.home-hero .carousel-inner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  section.home-review {
    margin-top: -20px !important;
    padding-top: 0 !important;
    padding-bottom: 12px !important;
  }
  section.home-review .review-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .home-review-logo-wrap {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    text-align: center;
  }
  .home-review-logo-wrap img {
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  section.home-review .review-header {
    margin: 0 !important;
    padding: 0 !important;
  }
  section.home-review h2.review-title {
    margin: 4px 0 0.25em !important;
    padding: 0 !important;
  }
}

@media (max-width: 480px) {
  section.home-review {
    margin-top: -28px !important;
  }
  section.home-review h2.review-title {
    margin-top: 2px !important;
  }
}