/* ==========================================================================
   Economists - Responsive.css
   Additional responsive rules
   ========================================================================== */

/* Large screens */
@media (min-width: 1441px) {
  .nav-container {
    padding: 1rem 3rem;
  }
  
  .hero {
    padding: 8rem 3rem 2rem;
  }
  
  .section-header h2 {
    font-size: 3rem;
  }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1440px) {
  .hero h1 {
    font-size: 3rem;
  }
  
  .section-header {
    padding: 0 2rem;
  }
}

/* Ensuring min-height on mobile */
@media (max-width: 320px) {
  .hero {
    padding: 6rem 1rem 1rem;
  }
  
  .hero h1 {
    font-size: 2rem;
  }
}