@import url(index.css);

@media (max-width: 1000px) {
    .img__responsiva {
        display: none;
        transition: all .45s ease;
    }

    footer {
        flex-wrap: wrap;
        padding: 5rem 120px;
        transition: all .45s ease;
        gap: 60px;
    }

    .titulo {
        font-size: 1.2rem;
        transition: all .45s ease;
    }

    footer img {
        margin: 0 auto;
        padding-bottom: 2rem;
        transition: all .45s ease;
    }
}

@media (max-width: 715px) {
    #inicio__div-botoes {
        justify-content: center;
        display: flex;
        flex-direction: column;
        text-align: center;
        transition: all .45s ease;
    }
}

@media (max-width: 840px) {

    /* tela até 840px */
    #menu-icon {
        /* estilo do menu hamburguer */
        /* sai do display none e mostra o menu */
        display: block;
    }

    .navlist {
        /* estilo da navlist - links header */
        position: absolute;
        top: -1000px;
        right: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        background: var(--laranja-claro);
        text-align: center;
        transition: all .45s ease;
    }

    .navlist a {
        /* estilo dos links da navlist */
        display: inline-block;
        justify-content: center;
        margin: 17px;
        font-size: 20px;
        transition: all .45s ease;
        color: #fff;
    }

    .navlist a:active {
        /* links da navlist quando ativados */
        color: var(--text-color);
    }

    .navlist.open {
        /* links da navlist quando abertos*/
        top: 100%;
    }

    .content__texto h2,
    #sobre__sec-h1,
    #sobre__sec p,
    .content__texto p,
    #texto-index,
    #clinica,
    #h2-duvida {
        text-align: center;
    }

    .contactForm {
        padding: 15px !important;
    }

    #sobre__sec {
        padding: 10rem 2rem !important;
    }

    #inicio {
        padding: 12rem 2rem !important;
    }

    #clinica {
        padding: 4rem 2rem !important;
    }

    #farmacia {
        padding: 4rem 2rem !important;
    }

    #duvidas {
        padding: 4rem 1rem !important;
    }

    #sec-valores {
        padding: 4rem 2rem !important;
    }

    #sec-valores h2 {
        text-align: center;
    }

    #sec-apresentacao {
        padding: 4rem 2rem !important;
    }

    #bg-produtosQueijo {
        padding: 10rem 3rem !important;
    }
}

@media (max-width: 510px) {
    .logo {
        width: 100px !important;
        height: auto !important;
    }

    header {
        padding: 1rem !important;
    }

    #menu-icon {
        margin-right: 1rem;
    }

    #bg-produtosQueijo {
        padding: 10rem 1rem !important;
    }
}

@media (max-width: 645px) {
    footer {
        text-align: center;
        justify-content: center !important;
    }

    footer p {
        font-size: 1.2rem;
    }

    footer nav a {
        font-size: 1.2rem;
        line-height: 2;
    }

    .titulo {
        font-size: 1.4rem;
    }
}

@media (max-width: 600px) {
    #contato {
        padding: 15rem 3rem !important;
    }
}

@media (max-width: 460px) {
    #contato {
        padding: 15rem 1.5rem !important;
    }

    .container {
        padding: 3rem 1rem !important;
    }
}


@media (max-width: 400px) {
    #contato {
        padding: 15rem 1.5rem !important;
    }
}
/* ESTE SITE FOI DESENVOLVIDO POR NICHOLAS GERADE - COPYRIGHT © 2024 */