@media (max-width: 992px) {
  .hero {
    flex-direction: column;
    text-align: center;
  }

  .hero-text {
    max-width: 100%;
  }

  .nav-links {
    flex-direction: column;
    align-items: center;
  }
}