/* APPLICATION FORM */

.contact-form{
max-width:900px;
margin:40px auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

/* inputs */

.contact-form input,
.contact-form select,
.contact-form textarea{

width:100%;
padding:12px;
border-radius:6px;
border:1px solid #ccc;
font-family:'Poppins', sans-serif;
font-size:14px;

}

/* textarea ocupa toda la fila */

.contact-form textarea{
grid-column:1 / 3;
resize:vertical;
}

/* archivos */

.contact-form input[type="file"]{
grid-column:1 / 3;
border:none;
}

/* t¨ªtulos */

.contact-form h3{
grid-column:1 / 3;
margin-top:30px;
}

/* bot¨®n */

.contact-form button{
grid-column:1 / 3;
justify-self:center;
margin-top:20px;
}

/* responsive */

@media(max-width:700px){

.contact-form{
grid-template-columns:1fr;
}

.contact-form textarea,
.contact-form button,
.contact-form input[type="file"],
.contact-form h3{
grid-column:1;
}

}