/* =====================================================
   RESPONSIVO
===================================================== */


/* =====================================================
   TABLET / MOBILE
===================================================== */

@media (max-width: 800px) {


    /* MENU */

    .header-container {

        width: calc(100% - 40px);

        min-height: 80px;

    }


    .desktop-menu {

        display: none;

    }


    .menu-button {

        display: flex;

    }


    /* BANNER */

    .hero {

        min-height: 750px;

    }


    .hero-content {

        width: calc(100% - 40px);

        padding-top: 100px;

    }


    .hero-logo img {

        width: 280px;

    }


    .hero-title span {

        font-size: 13px;

    }


    .hero-slogan {

        font-size: 25px;

        margin-top: 25px;

    }


    /* WHATSAPP */

    .whatsapp-button {

        right: 20px;

        bottom: 20px;

        width: 55px;

        height: 55px;

        padding: 10px;

        justify-content: center;

        border-radius: 50%;

    }


    .whatsapp-button span {

        display: none;

    }


    .whatsapp-button img {

        width: 30px;

    }


    /* QUEM É */

    .about {

        padding: 70px 0;

    }


    .about-container,
    .missions-container {

        width: calc(100% - 40px);

    }


    /* MANIFESTO */

    .manifesto-image,
    .manifesto-image > img {

        min-height: 500px;

    }


    .manifesto-paper {

        top: 40px;

        left: 25px;

        padding: 15px 20px;

    }


    .manifesto-paper span {

        font-size: 17px;

    }


    .manifesto-text {

        padding: 45px 20px;

    }


    /* MISSÕES */

    .mission {

        grid-template-columns: 80px 1fr;

        gap: 20px;

        margin-bottom: 50px;

    }


    .mission-number {

        min-height: 55px;

        font-size: 20px;

    }


    .mission-content h3 {

        font-size: 22px;

    }


    .mission-content p {

        font-size: 16px;

    }


    /* REGIÃO */

    .region {

        min-height: 700px;

    }


    .region-container {

        width: calc(100% - 40px);

        padding-top: 70px;

    }


    .region-intro {

        font-size: 16px;

    }


    /* FOOTER */

    .footer-container {

        width: calc(100% - 40px);

        flex-direction: column;

        align-items: flex-start;

    }


    .footer-party {

        align-self: flex-end;

    }

}


/* =====================================================
   CELULARES PEQUENOS
===================================================== */

@media (max-width: 480px) {


    /* BANNER */

    .hero {

        min-height: 680px;

    }


    .hero-title h1 {

        font-size: 52px;

    }


    /* MISSÕES */

    .mission {

        grid-template-columns: 65px 1fr;

        gap: 15px;

    }


    .mission-number {

        min-height: 45px;

        font-size: 17px;

    }


    .mission-content h3 {

        font-size: 19px;

    }


    .mission-content p {

        font-size: 14px;

    }

}