.contact-hero{
height:60vh;
background:url('../images/contact-banner.jpg') center center/cover;
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

.contact-hero .overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.75);
}

.contact-hero .container{
position:relative;
z-index:2;
}

.contact-hero h1{
font-size:5rem;
font-family:'Cinzel',serif;
}

.contact-section{
padding:120px 0;
}

.contact-info{
background:#111;
padding:40px;
border-radius:20px;
height:100%;
}

.contact-info p{
margin:20px 0;
}

.contact-form{
background:#111;
padding:40px;
border-radius:20px;
}

.contact-form input,
.contact-form textarea{
width:100%;
padding:15px;
margin-bottom:15px;
background:#000;
border:1px solid rgba(255,255,255,.1);
color:white;
border-radius:10px;
}

@media(max-width:768px){

.contact-hero h1{
font-size:2.5rem;
}

.contact-info{
margin-bottom:30px;
}

}


/* TEXT COLOR FIX */

.contact-hero h1,
.contact-hero p,
.contact-info h3,
.contact-info p,
.contact-form h2,
footer h4,
footer p{
    color:#fff;
}

.contact-info p{
    color:#d0d0d0;
}

.contact-form input,
.contact-form textarea{
    color:#fff;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
    color:#999;
}

.contact-form{
    background:#111;
}

.contact-info{
    background:#111;
}

footer{
    background:#000;
    padding:50px 0;
    border-top:1px solid rgba(255,255,255,.08);
}

footer h4{
    color:#c8a06b;
}

footer p{
    color:#ccc;
}