@media (max-width: 768px) {
  .hero-logo {
    width: 200px;
  }

  .hero-title {
    margin-top: 1rem;
  }

  .hero-links {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 5rem;
  }

  .hero-links a {
    padding: 0.7rem;
    font-size: 0.9rem;
  }
}