:root{
--primary:#ff4d00;
--dark:#101820;
--light:#f6f7f9;
}

body{
font-family:Arial,sans-serif;
background:var(--light);
}

.navbar{
background:#fff;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.navbar-brand{
font-size:28px;
font-weight:900;
color:var(--dark);
}

.navbar-brand span{
color:var(--primary);
}

.hero{

background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
url("https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=1600&q=80");

background-size:cover;
background-position:center;
padding:110px 0;
text-align:center;
color:#fff;

}

.hero h1{
font-size:52px;
font-weight:900;
}

.section-title{
font-weight:900;
margin-bottom:40px;
text-transform:uppercase;
}

.contact-box{

background:#fff;
border-radius:20px;
padding:35px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
height:100%;

}

.contact-box i{

font-size:45px;
color:var(--primary);
margin-bottom:15px;

}

.contact-form{

background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.form-control{

border-radius:12px;
padding:14px;

}

.btn-send{

background:var(--primary);
color:#fff;
padding:14px 35px;
border:none;
border-radius:40px;
font-weight:bold;

}

.btn-send:hover{

background:#d84300;

}

.hours{

background:var(--dark);
color:#fff;
padding:35px;
border-radius:20px;

}

.social a{

width:45px;
height:45px;
display:inline-flex;
align-items:center;
justify-content:center;
background:var(--primary);
color:#fff;
border-radius:50%;
text-decoration:none;
margin:5px;
font-size:20px;

}

.social a:hover{

background:#101820;

}

footer{

background:#101820;
color:#ccc;
padding:50px 0 20px;

}

footer h5{

color:#fff;
font-weight:bold;

}

footer a{

display:block;
color:#ccc;
text-decoration:none;
margin-bottom:8px;

}

footer a:hover{

color:var(--primary);

}