.footer-bg {background: var(--cor2); padding: 80px 0 70px;}
.footer-bg .footer {display: flex; gap: 80px;}
.footer .titulo {font: italic 44.81px rapidone; white-space: nowrap; color: var(--branco);}
.footer .titulo b {color: var(--cor1); font: inherit;}

.footer .tel-href {display: flex; gap: 8px; font: italic 17.06px rapidone; align-items: flex-start; color: var(--branco);}
.footer .contatos {font: 300 16px / 29.16px titillium; color: var(--branco); padding: 30px 0 0;}
.footer .contatos b {color: var(--cor1);}

.footer form {width: 100%; display: flex; flex-direction: column; gap: 15px;}
.footer .bottom,
.footer .mid {display: flex; gap: 15px;}

.footer form textarea,
.footer form input {width: 100%; padding: 0 0 0 25px; background: #384455; color: var(--branco); font: 14px titillium; border: none; outline: none; box-sizing: border-box; height: 40px;}
.footer form textarea {padding: 15px 25px; height: 135px; width: 49%;}
.footer form input::placeholder,
.footer form textarea::placeholder {color: var(--branco);}
.footer .bottom button {width: 100%; background: var(--cor1); height: 45px; color: var(--branco); border: none; outline: none; font: italic 18.41px rapidone;}
.footer .bottom div {display: flex; flex-direction: column; gap: 15px; align-items: center; width: 50%;}


@media(max-width: 1250px){
    .footer-bg {padding: 45px 0;}
    body footer .footer-bg .footer {flex-direction: column; gap: 40px;}
    .footer .bottom, .footer .mid {flex-direction: column;}
    .footer form textarea,
    .footer .bottom div {width: 100%;}
    .footer .titulo {text-align: center; font-size: 36px;}
}