.contato-bg {background: var(--cor1); padding: 75px 0 5rem;}

.contato {display: grid; grid-template-columns: repeat(2, 1fr); gap: 4.375rem;}
.contato form {display: grid; grid-template-columns: 1fr; gap: 20px;}
.contato form input, .contato form textarea {width: 100%; outline: none; border: none; background: var(--branco); font: 700 0.8125rem/1.1994rem montserrat; text-transform: uppercase; color: var(--cor1); border-radius: 1.3375rem; box-sizing: border-box;padding-left: 20px; height: 45px; max-height: 45px;}
.contato form textarea {height: 150px; padding-top: 20px; resize: vertical; max-height: 240px;}
.contato form input::placeholder, .contato form textarea::placeholder {color: var(--cor1);}
.contato .contact {display: flex; gap: 20px;}
.contato .send{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.contato .send .right {max-width: 100%; overflow: hidden; display: grid;}
.contato .btn-form {width: 100%; max-width: 255px; background: var(--cor3); color: var(--cor1); font: 700 0.8125rem/1.1994rem montserrat; border: none; border-radius: 1.3375rem; text-transform: uppercase;}

.contato .infos {display: flex; flex-direction: column; gap: 1.75rem;}
.contato .infos .titulo {font: 400 2.32rem/3.0681rem britannic; color: var(--branco); display: inline;}
.contato .infos .titulo b {color: var(--cor3);}
.contato .meios {display: flex; flex-direction: column; gap: 1.25rem;}
.contato .meios .telefones {display: flex; gap: 30px;}
.contato .meios a {display: flex; align-items: center; gap: 0.625rem; color: var(--branco);} 
.contato .meios a > p {color: var(--branco); font: 400 0.9375rem / 1.3294rem montserrat;}
.contato .meios a b {font: 700 1.2231rem / 3.0625rem montserrat;}


@media(max-width: 1250px){
 .contato {grid-template-columns: 1fr;}
 .contato > form {order: 2;}
 .contato .infos .titulo {text-align: center;}
 .contato .meios {justify-content: center; flex-direction: row;}
 .contato .btn-form {max-width: unset; height: 100%; min-height: 45px;}
 .contato .send .right {justify-items: center; align-items: center;}
}


@media(max-width: 990px){
 .contato .contact {flex-direction: column;}
 .contato .send {grid-template-columns: 1fr;}
 .contato .meios {align-items: center; flex-direction: column;}
 .contato .infos .titulo {font-size: 2rem;}
}

@media(max-width: 500px) {
 .contato .meios .telefones {gap: 15px; flex-direction: column;}
}