body {
    padding-top: 3rem;
  }

.hero {
  padding: 20vh 0;
  /* background-image: linear-gradient(rgba(245, 245, 245, 0.5), rgba(245, 245, 245, 0.5)), url("../img/back-main.jpg"); */
  background-image:  url("../img/back-main.jpg");
  height: 100vh;
  width:100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.hero-box{
    background: linear-gradient(rgba(245, 245, 245, 0.2), rgba(245, 245, 245, 0.3));
    padding: 40px;
}

.hero h1{
    color:#1C110A;
}

.hero span{
    display: block;
    color: lightgray;
    font-weight: 300;
    font-size:24px;
}

.navbar img {
    filter:grayscale(100%)
}

.services h1{
    color: #4F5165;
}
.services h3{
    color: #1F7A8C;
}

.services {
    padding: 40px;
  min-height:100vh;
  /* background: #1C110A; */
  
  background: linear-gradient(0.5turn,  #1C110A,#1C110A, #0E3B43);
  color: lightgray;
  font-weight: 100;
  font-size: 18px;
}

.contact {
    padding: 40px;
    min-height: 100vh;
    /* height:100vh; */
    background:bg-light;
  text-align: center;
}

.contact{
    color: #1C110A;
}

.contact small{
    font-weight: 100;

}

.contact-box{
    background:#f2f2f2;
    padding:40px;
    margin-top: 20px;

}

.error{
    border-color: red;
}
footer {
  padding: 10vh 0;
  text-align: center;
  background: #1C110A;
  /* background: linear-gradient(0.5turn,  #1C110A, #0E3B43); */

  color: gray;
}

footer .social-icons i{
    font-size:28px;
    margin-left: 10px;
    margin-top: 20px;
}
footer .footer-left{
    
}
footer .footer-left img{
    height: 60px;
    width: 60px;
    margin-left: 40px;

    
}


.btn-dark{
    border-radius: 0;
    border:0px;

}