@media (max-width: 768px) {
    body {
      padding-top: 70px;
    }
  
    header {
      height: 70px;
    }
  
    html {
      scroll-padding-top: 70px;
    }
  
    .nav-links {
      display: none;
      flex-direction: column;
      position: absolute;
      top: 70px;
      right: 0;
      background-color: white;
      width: 100%;
      max-width: 280px;
      padding: 1rem;
      border-radius: 0 0 5px 5px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      border: 1px solid #eee;
      border-top: none;
      gap: 0.5rem;
      text-align: center;
    }
  
    .nav-links li {
      width: 100%;
    }
  
    .nav-links a {
      display: block;
      padding: 0.8rem;
      border-bottom: 1px solid #f0f0f0;
    }
  
    .nav-links li:last-child a {
      border-bottom: none;
    }
  
    .nav-links.active {
      display: flex;
    }
  
    .hamburger {
      display: flex;
      z-index: 1001;
    }
  
    .hero-section {
      min-height: 80vh;
    }
  
    .hero-intro {
      justify-content: center;
      padding: 3rem 1.5rem;
      text-align: center;
      min-height: 80vh;
    }
  
    .hero-content {
      align-items: center;
      text-align: center;
    }
  
    .hero-content h1 {
      font-size: 2rem;
    }
  
    .hero-content p {
      font-size: 1rem;
    }
  
    .parallax {
      background-position: 40% center;
      background-attachment: scroll;
    }
  
    .about-section {
      padding: 3rem 1rem;
      min-height: auto;
    }
  
    .about-container {
      flex-direction: column;
      text-align: center;
      gap: 2.5rem;
    }
  
    .about-text {
      text-align: left;
    }
  
    .about-text h2 {
      font-size: 1.8rem;
    }
  
    .about-text p {
      font-size: 1rem;
    }
  
    .about-image {
      flex-basis: auto;
      width: 80%;
      max-width: 300px;
    }
  
    .about-image img {
      max-height: 300px;
    }
  
    .bank-info-box {
      max-width: 90%;
      padding: 1.5rem;
    }
  
    .account-number,
    .organization-id {
      font-size: 1.5rem;
    }
  }