/* Tablets e dispositivos menores */
@media (max-width: 768px) {
    .banner-section {
        height: 400px;
    }

    .banner-title {
        font-size: 2rem;
    }

    .banner-description {
        font-size: 1rem;
    }

    .about-section,
    .mission-section {
        padding: 2rem 1rem;
    }

    .section-title {
        font-size: 2rem;
    }

    .history-block {
        padding: 1rem;
    }

    .contact-container {
        grid-template-columns: 1fr;
    }

    .map-container {
        min-height: 300px;
    }
}

/* Dispositivos móveis */
@media (max-width: 480px) {
    header img {
        max-width: 200px;
    }

    header h1 {
        font-size: 2em;
    }

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

    nav a {
        margin: 5px 0;
    }
}