.footer-bg {background: var(--cor1); padding: 65px 0 75px;}
.footer-bg .footer {display: flex; flex-direction: column; gap: 30px;}
.footer .titulo {text-align: center; font: 400 45px ubuntu; color: var(--branco);}
.footer .contatos,
.footer .contatos .item {display: flex; align-items: center;}
.footer .contatos {justify-content: space-between;}
.footer .contatos .item {gap: 10px; font: 18px ubuntu; color: var(--branco);}
.footer .contatos .facebook {width: 25px; height: 25px; background: #0069CB; display: flex; align-items: center; justify-content: center; border-radius: 6px;}

.footer .form-contato {display: grid; gap: 10px;}
.footer .form-contato .top {display: grid; grid-template-columns: 1.65fr repeat(2, 1fr); gap: 10px;}
.footer .form-contato .mid {display: flex; gap: 10px;}
.footer .form-contato .mid textarea {flex: 1; resize: none; border: none; outline: none; padding: 10px 20px; border-radius: 10px; background: var(--cor3); font: 300 14.06px ubuntu;}
.footer .form-contato input {height: 50px; border: none; outline: none; padding: 0 0 0 20px; border-radius: 10px; background: var(--cor3); font: 300 14.06px ubuntu;}
.footer .form-contato input::placeholder,
.footer .form-contato textarea::placeholder {color: var(--preto);}

.footer .form-contato .btn-enviar {font: 700 20.01px ubuntu; color: var(--branco); background: var(--cor2); border-radius: 10px; outline: none; height: 50px; border: none;}
.footer .instagram {display: flex;}

@media(max-width: 1250px){
    .footer .form-contato .top {grid-template-columns: 1fr;}
    .footer .form-contato .mid {flex-direction: column; align-items: center;}
    .footer .form-contato .mid textarea {width: 100%; box-sizing: border-box; min-height: 200px;}
    .footer .contatos {flex-direction: column; align-items: flex-start; gap: 20px;}
}

@media(max-width: 990px){
    .footer-bg {padding: 40px 0;}
    .footer .titulo {font-size: 35px;}
}

@media(max-width: 500px){
    .footer .titulo {font-size: 30px;}
}