@media (min-width: 601px) and (max-width: 900px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .service-card h3 {
    font-size: 16px;
    font-style: normal;
    border-bottom: 2px solid var(--brand-cyan);
    padding-bottom: 4px;
    display: inline-block;
    width: fit-content;
  }

  .services-process-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-content {
    grid-template-columns: repeat(2, 1fr);
  }

  .contact-info-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .section h2,
  .section-title {
    font-size: 32px;
  }

  .section p {
    font-size: 15px;
  }
}

@media (min-width: 1400px) {
  .navbar {
    padding: 0 100px;
  }

  .section {
    padding: 120px 120px;
  }

  .hero-content {
    padding-left: 120px;
  }

  .video-content {
    left: 120px;
  }

  .video-controls {
    right: 120px;
  }

  .services-hero {
    padding-left: 120px;
    padding-right: 120px;
  }

  .services-process {
    padding: 120px 120px;
  }

  .our-strengths-section {
    padding: 120px 120px;
  }

  .contact-info-section {
    padding: 120px 120px;
  }
}