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

    .hero h1 {
        font-size: 2.8rem;
    }
}

@media (max-width: 768px) {
    nav ul {
        display: none;
    }

    .hero {
        padding: 70px 0;
    }

    .hero h1 {
        font-size: 2.3rem;
    }

    .contact-form {
        padding: 25px;
    }
}