/* responsive.css */

@media (max-width: 1024px) {
  .hero-title {
    font-size: 3rem;
  }
  
  .footer-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .footer-col:first-child {
    grid-column: span 3;
  }
}

@media (max-width: 768px) {
  /* Navigation */
  .nav-links {
    display: none;
  }
  
  .menu-toggle {
    display: block;
  }
  
  /* Hero */
  .hero-title {
    font-size: 2.5rem;
  }
  
  /* Grids */
  .grid-3, .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  
  .footer-col:first-child {
    grid-column: span 2;
  }
}

@media (max-width: 576px) {
  /* Grids */
  .grid-3, .grid-4 {
    grid-template-columns: 1fr;
  }
  
  /* Hero */
  .hero-title {
    font-size: 2rem;
  }
  
  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr;
  }
  
  .footer-col:first-child {
    grid-column: span 1;
  }
  
  /* Donation */
  .amount-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}