/******************
background images
*******************/
.fist-bg{
  background-image: url(../images/bg1.jpg);
}
.second-bg{
background-image: url(../images/bg2.jpg);
}
.third-bg{
  background-image: url(../images/bg3.jpg);
}
.fourth-bg{
  background-image: url(../images/bg4.jpg);
}
.fifth-bg{
  background-image: url(../images/bg5.jpg);
}
.sixth-bg{
  background-image: url(../images/bg6.jpg);
}
.seventh-bg{
  background-image: url(../images/bg7.jpg);
}
body{
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 18px;
  }
h1 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 15px;
  }
h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}
h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.img-right{
  background-position: center;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.img-left{
  background-position: center;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.gray-bg{
  background-color: #f1f1f1;
}
.footer-links a{
  font-size: 14px;
  color: #cc835c;
}

#main-banner{
  background-image: url('../images/banner-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 150px 0 30px 0;
  position: relative;
  background-position: top center;
}
#main-banner:before{
  background-color: rgba(29, 29, 29, 0.5);
  width: 100%;
  height: 100%;
  top:0;
  content: "";
  position: absolute;
  display: block;
}
.section{
  position: relative;
    padding: 60px 0;
}
.full-width{
  background-color: #eee2d7;
}

@media only screen and (max-width: 767px) {
  .img-right{
    position: relative;
    min-height: 250px;
    margin-bottom: 30px;
  }
  .img-left{
    position: relative;
    min-height: 250px;
    margin-bottom: 30px;

  }
}