@media (max-width: 991.98px) {
    .hero h1 {
        font-size: 32px;
    }

    .hero p {
        font-size: 16px;
    }

    .navbar ul {
        gap: 20px;
    }
}