@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,600;0,700;1,600&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nanum+Gothic:wght@400;700;800&display=swap);
*{margin:0;padding:0;box-sizing:border-box;font-family:lato,sans-serif;scroll-behavior:smooth}
::-webkit-scrollbar{width:7px;background-color:#fff;border:5px solid rgba(26,26,29,.856)}
::-webkit-scrollbar-thumb{background-color:#dfc37d;border-radius:50px;border:1px solid #194e1d}
::-webkit-scrollbar-thumb:hover{background-color:#111141;border:#0ff 2px solid}
body{background-image:url(/images/EC145-mail-prata.jpg);background-size:cover;display:flex;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem}
.contact{width:80%!important;height:100vh;background-color:#fff;margin:auto;margin-top:10%;display:flex;border-radius:10px;border-radius:0 0 2px #000}
h1{color:#9c805e!important;font-family:lato light;font-size:25px!important;margin:auto}
.pag-forms{width:100%;height:140vh;background-color:transparent;display:flex;margin:10px}
@media screen and (max-width:768px){
.pag-forms{display:grid;height:200vh!important;width:100%;background-position:center}
.contact{display:flex;width:100%!important;height:100vh}
h1{color:#9c805e!important;font-family:lato;font-size:25px!important;margin:auto;text-align:center;width:100%;align-items:center;font-weight:300!important}
p{width:100%!important;height:auto;margin:auto}
.form-left{width:100%!important;height:auto;display:flex}
.address,.email-company,.telefone-company,.website{width:100%!important;height:auto;justify-content:center;margin:auto}
.text-address{width:100%!important;display:flex;margin:auto;justify-content:center}
}
.form h1{letter-spacing:0;color:#3d381c}
.form-right{width:50%;height:140vh;display:block}
.form-right img{width:200px;margin:auto;display:block;margin-top:40px}
.form{width:100%;height:90vh;flex-direction:column;margin-top:50px!important;margin:auto;display:flex}
.form input,.form label,.form textarea{width:90%;height:auto;padding:7px;margin:auto;margin-top:7px;border-radius:7px;transition:all .3s}
.form input,.form textarea{border:1px #34381a solid;font-size:15px;color:#2c2915}
.form button{width:auto;margin:auto;display:flex;top:10px}
.form-left{width:50%;height:110vh;display:flex}
.text-address{width:70%!important;height:70vh;display:flex;margin:auto}
.address,.email-company,.telefone-company,.website{width:70%;height:auto;margin:auto;display:block;padding:10px;flex-direction:column;margin-top:10px;color:#e6bd8b!important}
.address,.email-company,.telefone-company,.website,p{font-family:lato light;font-size:18px}
.line{color:#e6bd8b!important;opacity:70%}
.voltar-menu{width:100%;height:auto;display:flex}
.voltar{display:flex;margin:auto;align-items:center;justify-content:center}
.form input,.form textarea{transition:border-color,box-shadow .2s;background-color:#fff;box-shadow:0 0 7px rgba(33,21,77,.829);border:0}
.form input:focus,.form input:hover,.form textarea:focus,.form textarea:hover{outline:0;border-color:#906df1;box-shadow:0 0 0 2px rgba(123,115,192,.726)}
@media screen and (max-width:780px){
.form-right{width:100%!important;height:140vh!important;margin-bottom:20vh!important}
}