/* =========================
   MOBILE RESPONSIVE STYLES
   ========================= */

/* Tablets & below */
@media (max-width: 991px) {

  /* HERO SECTION */
  .hero-section {
    padding: 100px 20px 60px;
    text-align: center;
  }

  .hero-section h1 {
    font-size: 2.2rem;
  }

  .hero-section .lead {
    font-size: 1.1rem;
  }

  /* SECTION SPACING */
  section {
    padding: 60px 20px;
  }

  /* SECTION TITLES */
  .section-title {
    font-size: 2rem;
    text-align: center;
  }

  .section-title::after {
    left: 50%;
    transform: translateX(-50%);
  }

  /* SERVICE CARDS */
  .service-card {
    padding: 25px;
  }

  /* ABOUT & APPROACH CONTENT */
  .about-section p,
  .about-section .lead {
    font-size: 1rem;
    text-align: left;
  }

  /* CONTACT SECTION */
  .contact-section .section-title {
    text-align: center;
  }

  .contact-info {
    text-align: center;
  }

  .contact-info i {
    display: block;
    margin: 0 auto 10px;
  }
}


/* Phones */
@media (max-width: 576px) {

  /* NAVBAR */
  .navbar-brand {
    font-size: 1.1rem;
  }

  /* HERO TEXT */
  .hero-section h1 {
    font-size: 1.8rem;
  }

  .hero-section .lead {
    font-size: 1rem;
  }

  .hero-section p {
    font-size: 0.95rem;
  }

  /* BUTTONS */
  .btn-custom {
    padding: 10px 28px;
    font-size: 0.95rem;
  }

  /* SECTION TITLES */
  .section-title {
    font-size: 1.7rem;
  }

  /* SERVICE ICONS */
  .service-card i {
    font-size: 2rem;
  }

  /* APPROACH LIST */
  .approach-list li {
    padding-left: 30px;
    font-size: 0.95rem;
  }

  /* TESTIMONIALS */
  .testimonial-card {
    padding: 20px;
    font-size: 0.95rem;
  }

  /* FOOTER */
  footer {
    font-size: 0.85rem;
    padding: 25px 15px;
  }
}