/* Landing pages — proportional scaling for tablets and small screens */

.landing-site {
  overflow-x: clip;
}

.landing-site .main-content {
  overflow-x: clip;
}

@media (max-width: 1200px) {
  .landing-site .hero-section,
  .landing-site .our-story-section,
  .landing-site .services-section,
  .landing-site .blog-section,
  .landing-site .why-smartrx-section,
  .landing-site .contact-us-section {
    padding-top: clamp(2.5rem, 5vw, 4rem);
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
  }
}

@media (max-width: 768px) {
  .landing-site .hero-section,
  .landing-site .our-story-section,
  .landing-site .services-section,
  .landing-site .blog-section,
  .landing-site .why-smartrx-section,
  .landing-site .contact-us-section {
    padding-top: clamp(2rem, 6vw, 3rem);
    padding-bottom: clamp(2rem, 6vw, 3rem);
  }
}

@media (max-width: 480px) {
  .landing-site .hero-section,
  .landing-site .our-story-section,
  .landing-site .services-section,
  .landing-site .blog-section,
  .landing-site .why-smartrx-section,
  .landing-site .contact-us-section {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}