/*FORMULARIO*/
form {
width: 950px;
margin: auto;
}
input[type=text] {
width: 50%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
outline: none;
}
input[type=text]:focus {
background-color: #f8f8f8;
}
.enviar {
width: 200px;
}
.espacio-div {
padding-bottom: 15px;
}
textarea {
width: 50%;
height: 150px;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
resize: none;
}
/*Estilo Contacto*/
.contact-section {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 20px;
}
.contact-info {
flex: 1 1 300px;
margin-right: 20px;
}
.map {
flex: 1 1 300px;
margin-left: 20px;
}
.map iframe {
width: 100%;
height: 300px;
border: none;
}