@media screen and (max-width: 830px) {

    body, html {
        width: 100vw;
        overflow-x: hidden;
    }

    .areas_img_txt {
        width: 99vw;
        height: 3100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 80px;
    }
    
    #img_area{
        width: 345px;
        height: 395px;
        border-radius: 05px;
        box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.651);
    }
    
    #texto_inside{
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        margin-top: -70px;
        color: white;
    }
    
    .inicio_01{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: all 0.6s cubic-bezier(0.65, 0.84, 0.44, 1);
    }
    
    .inicio_01::after{
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: all 0.6s cubic-bezier(0.65, 0.84, 0.44, 1);
        box-shadow:0 7px 18px 0px rgba(0, 0, 0, 0.747);
    }
    
    .inicio_01:hover{
        transform: scale(1.14,1.14);
    }
    
    .img_botao{
        text-decoration: none;
    }
    
    /* IMAGEM DE TAMANHOS DOS MÓVEIS */

    .area_imagem_tamanho img{
        max-width: 99vw;
    }

    .area_imagem_tamanho {
        max-width: 99vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .area_imagem_tamanho_baixo{
        max-width: 99vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .area_imagem_tamanho_baixo_01{
        width: 99vw;
    }

    .area_imagem_tamanho_baixo_01 img{
        width: 500px;
        padding-right: 50px;
    }

    .area_imagem_tamanho_baixo_02{
        width: 98vw;
    }

    .area_imagem_tamanho_baixo_02 img{
        width: 100%;
    }

    /* TEXTO COM AS REDES SOCIAIS */

    .ultima_parte {
        width: 99vw;
        display: flex;
        align-items: center;
        flex-direction: row;
        background-color: #8a704fd2;
        gap: 50px;
    }
    
    .ultima_parte_01 {
        width: 50%;
    }

    .ultima_parte_01_texto {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
        font-family: "Roboto", sans-serif;
    }
    
    .ultima_parte_01_texto h1 {
        color: #dadada;
    }
    
    #texto_e_icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        text-align: center;
        gap: 20px;
    }
    
    .ultima_parte_01_texto div{
        width: 100%;
    }
    
    .ultima_parte_01 h1 {
        font-size: 60px;
    }


    /* FORMULÁRIO */

    .ultima_parte {
        width: 99vw;
        display: flex;
        flex-direction: column;
        background-color: #8a704fd2;
    }

    form{
        width: 100%;
        font-size: 20px;
        font-weight: 500;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        align-items: center;
        color: white;
    }

    .formulario_caixas{
        width: 420px;
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .form_geral {
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #8a704f;
        gap: 15px;
        border-radius: 5px;
    }

    input {
        height: 37px;
        border-radius: 5px;
        font-size: 17px;
    }

    input:focus {
        background-color: #e4dbcfb9;
    }
    
    textarea{
        min-width: 400px;
        max-width: 400px;
        min-height: 155px;
        max-height: 155px;
        border-radius: 5px;
        font-size: 17px;
    }
    
    textarea:focus {
        background-color: #e0d1beb9;
    }

    button {
        width: 100%;
        height: 50px;
        font-size: 17px;
        align-items: center;
        text-decoration: none;
        font-weight: bolder;
        background-color: rgb(255, 255, 255);
        border: 3px solid #413425;
        padding: 10px;
        border-radius: 7px;
    }
    
    button:hover {
        width: 100%;
        height: 50px;
        align-items: center;
        text-decoration: none;
        font-weight: bolder;
        color: black;
        background-color: #e6e6e6;
        border: 3px solid #49351f;
        padding: 10px;
        border-radius: 7px;
    }

    iframe {
        width: 99vw;
        height: 700px;
    }

    .button_whats {
        width: 65px;
        height: 65px;
        background-color: rgb(94, 243, 111);
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        right: 40px;
        bottom: 10px;
    }
    
    .button_whats a img {
        width: 50px;
    }

}

@media screen and (max-width: 510px) {

        /* TEXTO COM AS REDES SOCIAIS */

        .ultima_parte {
            width: 99vw;
            display: flex;
            align-items: center;
            flex-direction: row;
            background-color: #8a704fd2;
            gap: 50px;
        }
        
        .ultima_parte_01 {
            width: 70%;
        }
    
        .ultima_parte_01_texto {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 40px;
            font-family: "Roboto", sans-serif;
        }
        
        .ultima_parte_01_texto h1 {
            text-align: center;
            color: #dadada;
        }
        
        #texto_e_icon {
            display: flex;
            flex-direction: row;
            align-items: center;
            text-align: center;
            gap: 20px;
        }
        
        .ultima_parte_01_texto div{
            width: 100%;
        }
        
        .ultima_parte_01 h1 {
            font-size: 60px;
        }

    /* FORMULÁRIO */

    .ultima_parte {
        width: 99vw;
        display: flex;
        flex-direction: column;
        background-color: #8a704fd2;
    }

    form{
        width: 100%;
        font-size: 20px;
        font-weight: 500;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        align-items: center;
        color: white;
    }

    .formulario_caixas{
        width: 370px;
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .form_geral {
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #8a704f;
        gap: 15px;
        border-radius: 5px;
    }

    input {
        height: 37px;
        border-radius: 5px;
        font-size: 17px;
    }

    input:focus {
        background-color: #e4dbcfb9;
    }
    
    textarea{
        min-width: 350px;
        max-width: 350px;
        min-height: 155px;
        max-height: 155px;
        border-radius: 5px;
        font-size: 17px;
    }
    
    textarea:focus {
        background-color: #e0d1beb9;
    }

    button {
        width: 100%;
        height: 50px;
        font-size: 17px;
        align-items: center;
        text-decoration: none;
        font-weight: bolder;
        background-color: rgb(255, 255, 255);
        border: 3px solid #413425;
        padding: 10px;
        border-radius: 7px;
    }
    
    button:hover {
        width: 100%;
        height: 50px;
        align-items: center;
        text-decoration: none;
        font-weight: bolder;
        color: black;
        background-color: #e6e6e6;
        border: 3px solid #49351f;
        padding: 10px;
        border-radius: 7px;
    }

    .button_whats {
        width: 65px;
        height: 65px;
        background-color: rgb(94, 243, 111);
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        right: 10px;
        bottom: 10px;
    }
    
    .button_whats a img {
        width: 50px;
    }

}