h1{
  opacity: 0.1;
  margin-top:80px;
  font-size: 3rem;
  color: #000000;
  margin-left:30px;

}
h1,h2,p,h3,h4,.form-control,.btnContact{
  font-family: Nunito Sans;
}
.left-border-one, .left-border-two{
  margin-left:37px;
  border-left:2px solid #b8a04c;
}
.left-border-one{
  height:80px;
  margin-top:-3%;
} 

 .left-border-two{
  height:110px;
  margin-top:4%;
}

h2{ 
  font-size: 25px;
  padding-left:20px;
  color: #b8a04c;
}
span>img{
  width:33px;
  height:16px;
  padding-left:20px;
} 
 .contact-text-two{
  margin-top:-5%;
}
p{
  padding-left:20px;
  margin-top:1%;
  opacity: 0.9;
  font-size: 10px;
  color: #000000;
}

h3{
  font-size: 13px;
  margin-top:-2%;
  padding-left:53px;
  color: #b8a04c;
}
h3 img{
  margin-left:15px;
  width:27px;
  height:27px;
}

h3 span{
  margin-left: 15px;
}

h4{
  opacity: 0.9;
  margin-top:15px;
  font-size: 25px;
  color: #000000;
  margin-left:37px;
  
}

.form-control {
  display: block;
  width: 85%;
  height:10%;
  margin-left:37px;
  font-size: 14px;
  margin-top:2.5%;
  border: 1px solid #b8a04c;
  border-radius: 0;
}
.btnContact{
margin-left:37px;
width:100px;
background-color: #b8a04c;
border:0;
color: #ffffff;
font-weight: bold;
}

p span { 
  display: block; 
} 
.submit-msg{
  font-size: 7rem;
  font-family: Nunito Sans;
  opacity: 0.1;
  margin-top:400px;
  /* margin-toptop: 80px; */

}


@media (min-width: 320px) and (max-width: 480px) {
.scroll-view{
  overflow: scroll;
  height: 140px;
  margin-top: 10px;
}

}

@media (min-width: 481px) and (max-width: 768px) {
h1{
  font-size: 7rem;
}
h2{
  font-size: 2rem;
}
h3{
  font-size: 1.25rem;
  margin-left: 4%;
  margin-top:1%;
}
p{
  font-size: 1.25rem;
 
}
h4{
  margin-top: 4%;
  font-size: 2rem;
}
span>img{
  width: 94%;
  height:65%;
  padding-left:20px;
} 

.contact-text-two{
  margin-top:-1%;
}
.left-border-one {
 
  margin-top: -2%;
  border-left:2px solid #b8a04c;
  height:160px;
}

.left-border-two {
  margin-top: 4%;
  border-left:2px solid #b8a04c;
  height:200px;
}
.form-control {
  margin-top: 3%;
  font-size: 1rem;
}

}



@media (min-width: 769px) and (max-width: 1920px) {
  .col-lg-6{
    width:50%;
  }
  h1{
    margin-top:120px;
    font-size: 11rem;
    margin-left:30px;
  }
  .left-border-one{
    border-left:2px solid #b8a04c;
    height:160px;
    margin-left:80px;
    margin-top:-1%;
  }
  .left-border-two{
    border-left:2px solid #b8a04c;
    height:260px;
    margin-left:80px;
    margin-top:7%;
  }
  h2{
    font-size:2rem;
    padding-left:20px;

  }
  span>img{
    margin-top:15px;
    width:50px;
    height:50px;
    padding-left:20px;
  }
  .contact-text-two{
    margin-top:-3%;
  }
  p{
    padding-left:20px;
    padding-top:7px;
    font-size: 2rem;
  }
  h3{
    font-size: 1.5rem;
    padding-left:63px;
    margin-top:1px;

  }
  h4{
    margin-top:150px;
    font-size: 3rem;
    font-weight: normal;
  
  }
  .form-control {
    width:80%;
    height:80px;
  font-size: 1.5rem;
    margin-top:45px;
    padding-left:20px;
  }
  #msg-field{
    width:80%;
     height: 130px;
  }
  .btnContact{
  margin-top:10px;
  width:170px;
  font-size: 1.5rem;
  height: 50px;
  }
} 

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {

  h1 {
    font-size: 5rem;
}
h2 {
  font-size: 1.9rem;
}
span>img {
  width: 67%;
  height: 43%;
}
p {
  font-size: 1rem;
  padding-left: 0px;
  margin-top: 0;
}
.left-border-one {
  height: 110px;
}
h3 {
  font-size: 1rem;
  margin-left: 1%;
  margin-top: -1%;
}
.left-border-two {
  height: 149px;
}
h4 {
  font-size: 1.7rem;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  h1 {
    font-size: 4rem;
}
h2 {
  font-size: 1.3rem;

}
span>img {
  width: 67%;
  height: 43%;
}
p {
  font-size: 1rem;
  padding-left: 0px;
  margin-top: 0;
}
.left-border-one {
  height: 110px;
}
h3 {
  font-size: 1rem;
  margin-left: 1%;
  margin-top: -1%;
}
.left-border-two {
  height: 149px;
}
h4 {
  font-size: 1.7rem;
  margin-top: 97px;
}
.form-control {
  margin-top: 16px;
}

}