/* =========================
   IndoBridge - Responsive
========================= */

@media (max-width: 980px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }

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

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

  .snapshot-card.wide {
    margin-top: 0;
  }
}

@media (max-width: 640px) {
  .nav-links,
  .nav-button {
    display: none;
  }

  .hero {
    padding: 78px 0 64px;
  }

  .cards,
  .feature-grid,
  .mini-grid {
    grid-template-columns: 1fr;
  }

  .snapshot-grid,
  .snapshot-grid.wide {
    grid-template-columns: 1fr;
  }

  section {
    padding: 64px 0;
  }

  .snapshot-section {
    padding: 24px 0 56px;
  }
}