/* ================= CONTACT PAGE ================= */

.contact-header{
padding:80px 60px 40px;
text-align:center;
}

.contact-header h1{
font-size:42px;
margin-bottom:10px;
}

.contact-header p{
color:#3f3f3f;
}

/* WRAPPER */

.contact-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
padding:0 80px 80px;
align-items:start;
}

/* INFO */

.contact-info h3{
margin-top:0;
color: black;
}

.contact-info p{
margin:10px 0;
color: black;
}

.social a{
margin-right:15px;
text-decoration:none;
color:#0077ff;
}

/* FORM */

.contact-form form{
display:flex;
flex-direction:column;
}

.contact-form input,
.contact-form textarea{
padding:15px;
margin-bottom:20px;
border-radius:10px;
border:1px solid #ddd;
font-size:16px;
}

.contact-form textarea{
height:140px;
resize:none;
}

/* MOBILE */

@media(max-width:900px){

.contact-wrapper{
grid-template-columns:1fr;
padding:0 20px 60px;
}

.contact-header{
padding:60px 20px 20px;
}

.contact-header h1{
font-size:30px;
}

}