.contacto{width:100%;height:90vh;display:flex}.contacto .izquierda{color:#375591;flex-direction:column;flex:40%;justify-content:center;align-items:center;height:100%;display:flex}.contacto .izquierda p{color:#508cd4;font-weight:500}.mapa{margin-bottom:5px}.direccion{color:#4176b8;font-size:13px;font-weight:500}.contacto .izquierda h3{color:#2a406e;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:38px;font-weight:100}.contacto .derecha{flex-direction:column;flex:60%;justify-content:center;height:100%;display:flex}.contacto .derecha h1{color:#2a406e;margin-left:30px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:50px;font-weight:10}form{flex-direction:column;width:auto;height:auto;padding:30px;display:flex}.error{color:red}form input{color:#1f2f57;border:none;border-bottom:1px solid #1f2f57;width:80%;height:40px}form textarea{color:#1f2f57;border:none;border-bottom:1px solid #1f2f57;width:80%;height:50px;margin-top:15px}input::placeholder,textarea::placeholder{color:#070a13;opacity:.4;font-family:Arial,Helvetica,sans-serif;font-weight:lighter}form input:focus,textarea:focus{outline:none}form label{color:#508cd4;margin-top:15px}form button{color:#fff;cursor:pointer;background-color:#35528c;border:none;width:140px;height:40px;margin-top:40px;font-size:15px;transition:all .5s}form button:hover{background-color:#f25d27}@media only screen and (max-width:850px){.contacto{flex-wrap:wrap-reverse;height:auto}.derecha h1{text-align:center;margin-top:30px}form{align-items:center;display:flex}form input,form textarea{text-align:center}.izquierda{margin-top:10px}}@media only screen and (max-height:650px){.contacto{height:auto}}