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

@media (max-width:992px){

    /* Banner */

    .banner-contato{

    height:220px;

    align-items:center;

}

.banner-texto{

    padding-top:20px;




    }

    .banner-texto span{

        font-size:13px;

        letter-spacing:4px;

    }

    /* Contato */

    .contato{

        padding:80px 0;

    }

    .contato-grid{

        grid-template-columns:1fr;

        gap:70px;

    }

    .contato-info h2,
    .contato-formulario h2{

        font-size:52px;

    }

}


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

@media (max-width:768px){

    /* ==========================================
                BANNER
========================================== */

.banner-contato{

    height:250px;

    background-position:center;

}

.banner-contato::before{

    background:rgba(0,0,0,.55);

}

.banner-texto span{

    font-size:10px;

    letter-spacing:3px;

    margin-bottom:10px;

}

.banner-texto h1{

    font-size:42px;

    line-height:1.1;

}
    /* ==========================================
                    CONTATO
    ========================================== */

    .contato{

        padding:60px 0;

    }

    .contato-grid{

        display:flex;

        flex-direction:column;

        gap:55px;

    }

    /* ==========================================
                    TÍTULO
    ========================================== */

    .titulo-contato{

        margin-bottom:20px;

    }

    .titulo-contato span{

        font-size:11px;

        letter-spacing:3px;

    }

    .titulo-contato .linha{

        width:70px;

    }

    /* ==========================================
                    INFORMAÇÕES
    ========================================== */

    .contato-info h2{

        margin-bottom:30px;

        font-size:38px;

        line-height:1.1;

    }

    .item-contato{

        gap:14px;

        margin-bottom:22px;

    }

    .item-contato i{

        width:18px;

        font-size:20px;

    }

    .item-contato h3{

        font-size:15px;

        margin-bottom:2px;

    }

    .item-contato p{

        font-size:14px;

        line-height:1.6;

    }

    /* ==========================================
                    FORMULÁRIO
    ========================================== */

    .contato-formulario h2{

        margin-bottom:15px;

        font-size:38px;

        line-height:1.1;

    }

    .contato-formulario p{

        margin-bottom:25px;

        font-size:15px;

        line-height:1.8;

    }

    .contato-formulario form{

        gap:12px;

    }

    .contato-formulario input,
    .contato-formulario textarea{

        padding:15px 16px;

        font-size:14px;

    }

    .contato-formulario textarea{

        height:130px;

    }

    .contato-formulario button{

        height:50px;

        font-size:14px;

    }

}