/* @import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,700'); */

/* Basic styling */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap');

body {
  overflow-x: hidden;
  font-family: 'Barlow', sans-serif;
  color: #5b563c;
}

.feature img {
  padding: 1.5rem;
}

footer {
  background-color: #40474e;
  background-size: cover;
  color: white;
}

footer .row {
  padding: 1.5rem 0 4rem;
  line-height: 2rem;
}
footer img {
  margin: 1.5rem 0;
}
footer h3 {
  margin: 1.5rem 0;
}

/*-- Extra Bootstrap Column Padding --*/

[class*="col-"] {
  padding: 1rem;
}

/* 
    CONTACT FORM
*/

.form-area {
  padding-top: 60px;
}

.row.single-form {
  box-shadow: 0 2px 20px -5px rgba(0,0,0,0.5);
  background: #fff;
}

.left {
  background:  #100f0e;
  /* padding: 200px 93px; */
}

.left h2{
  font-family: 'Barlow';
  color: #fff;
  font-weight:700;
  font-size:48px;
}

.left h2 span{
  font-weight: 100;
}

.left p{
  color: #161515;
}

.right{
  padding: 70px 100px;
  position: relative;
}

.right i{
  position: absolute;
  font-size: 80px;
  left: -27px;
  top: 40%;
  color: #fff;
}

.form-control{
  border: 4px solid #000;
}
.right button{
  border: none;
  border-radius: 0;
  background: #252525;
  width: 180px;
  color: #fff;
  padding: 15px 0;
  display: inline-block;
  font-size: 16px;
  margin-top: 20px;
  cursor: pointer;
}
.right button:hover{
  background: #252525;
}

@media (min-width: 768px) and (max-width: 991px){
  .right i{
      top: -52px;
      transform: rotate(90deg);
      left: 50%;
  }
}

@media (max-width: 767px){
  .left{
      padding: 90px 15px;
      text-align: center;
  }
  .left h2{
      font-size: 25px;
  }
  .right i{
      padding: -52%;
      transform: rotate(90deg);
      left: 45%;
  }
  .right button{
      width: 150px;
      padding: 12px 0;
  }
}
/* END CONTACT FORM*/