@media screen and (max-width: 900px) {
    .interface {
        max-width: 900px;
    }

    /* INICIO */
    .inicio {
        background-size: cover;
        background-position: 20%;
        min-height: 80dvh;
    }

    .title-inicio h1 {
        font-size: 1.6rem;
    }

    .title-inicio p1, .title-inicio p {
        font-size: 1rem;
    }

    .inicio .btn-contato {
        margin-top: 18px;
        padding: 20px 30px;
    }

    /* SOBRE */
    .sobre-img {
        display: none;
    }

    .sobre {
        max-height: none;
        justify-content: center;
        margin: auto 5%;
        margin-bottom: 30px;
        border-radius: 70px;
    }

    .sobre-cont {
        text-align: center;
    }

    .title-sobre {
        font-size: 1.5rem;
        margin: 18px auto;
    }

    .corpo-sobre {
        text-align: center;
    }

    .corpo-sobre h2 {
        font-size: 1.4rem;
    }

    .corpo-sobre p {
        font-size: 1rem;
    }

    #diff {
        font-size: 1.1rem;
    }

    .sobre .btn-contato {
        padding: 20px 30px;
    }

    /* VALORES */
    .grid-sobre {
        gap: 50px;
    }

    .grid h1 {
        font-size: 1.5rem;
    }

    .grid p {
        font-size: 1rem;
    }

    /* IMAGEM PARALLAX */
    .parallax-section {
        min-height: 560px;
    }

    .parallax-text h2 {
        font-size: 1.6rem;
    }

    .parallax-text img {
        width: 30%;
    }

    .parallax-text p {
        font-size: 1rem;
    }

    /* SERVIÇOS */
    .servicos {
        margin-bottom: 80px;
    }

    .servicos h1 {
        font-size: 2.5rem;
    }

    .servicos .btn-contato {
        padding: 20px 50px;
    }

    .grid-servico {
        gap: 65px;
        grid-template-columns: 1fr;
        padding: 80px 0;
    }

    .servico-card {
        width: 280px;
    }

    .servico-card img {
        width: 100%;
        max-width: 250px;
    }
    
    /* LOCALIZAÇÂO */
    .map-box {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .map-text {
        text-align: center;
    }

    .map-text h1, .map-text h2, .style-text {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .style-text {
        justify-content: center;
    }

    /* FOOTER */
    .footer-erase {
        display: none;
    }

    .footer-wave {
        height: 50px;
    }

    .row {
        justify-content: center;
    }

    .footer-col {
        text-align: center;
    }

    .footer-col h4::before {
        left: 50%;
        transform: translateX(-50%);
    }
}