* {
      box-sizing: border-box;
      padding: 0 0;
      margin: 0 0;
}

a {
      text-decoration: none;
}

ul li {
      list-style: none;
      padding: 0 0;
      margin: 0 0;
}

.mainContent {
      background: url(../images/landingpagebg.jpg) no-repeat;
      background-position: center;
      background-size: cover;
      position: relative;
      z-index: 9;
      padding: 100px 0;
}

.mainContent::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.61);
      z-index: -1;
}

.mainContent .heading h1 {
      color: #FFF;
      text-align: center;
      font-size: 35px;
      font-weight: 600;
      line-height: 70px;
}

.mainContent .heading h1 span {
      display: block;
      position: relative;
}

.mainContent .heading h1 span::after {
      content: '';
      border-bottom: 2px solid #BA2730;
      bottom: 0;
      position: absolute;
      width: 340px;
      left: 30%;
}

.innnerHeading h3 {
      color: #FFF;
      font-size: 50px;
      font-weight: 600;
      line-height: 35px;
      padding: 45px 0;
      text-align: center;
      font-weight: bold;
}

/* .innnerHeading h3.treeService{
      color: #2a7e19;
}
.innnerHeading h3.hardwood{
      color: #a26832;
} */
.imageMain {
      text-align: -webkit-center;
}

.imageBox {
      height: 450px;
      width: 450px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: ease-in 800ms;
      border-radius: 5px;
}

.imageMain .tree {
      background: url(../images/treeBg.jpg) no-repeat;
      background-position: center;
      background-size: cover;

}

.imageMain .wood {
      background: url(../images/woodBg.jpg) no-repeat;
      background-position: center;
      background-size: cover;

}

.imageBox:hover {
      transform: scale(1.1);
}

.contactDetail {
      padding-top: 70px;
}

.contactDetail p {
      color: #FFF;
      text-align: center;
      font-size: 24px;
      font-weight: 600;
      line-height: 45px;
}

.contactDetail a {
      color: #FFF;
      text-align: center;
      font-size: 24px;
      font-weight: 600;
      line-height: 45px;
      display: block;
}

.contactDetail a.gotowebsite {
      color: #FFF;
      font-size: 22px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 5px;
      background: #BA2730;
      padding: 20px 40px;
      width: max-content;
      margin: 0 auto 30px;
      transition: ease-in 800ms;
      text-transform: capitalize;

}

.contactDetail a.gotowebsite:hover {
      background: #fff;
      color: #BA2730;
}

.mainContent::before {
      content: '';
      border-right: 5px solid #BA2730;
      position: absolute;
      left: 50%;
      height: 60%;
      top: 30%;
}
footer{
      background: #000;
      padding: 20px;
}
.footerText p{
      color: #fff;
      margin-bottom: 0;
      font-weight: bold;
      font-size: 14px;
}
.mainContent .heading h1 img {
      width: 55%;
      display: block;
      margin: 0 auto;
}
@media (max-width:1600px) {
      .mainContent{
            padding: 30px 0;
      }
      .innnerHeading h3{
            padding: 30px 0;
      }
     
      .imageBox{
            width: 350px;
            height: 350px;
      }
      .imageBox img{
            width: 250px;
      }
      .contactDetail{
            padding-top: 30px;
      }
}

@media(max-width:991px) {
      .mainContent::before {
            display: none;
      }

      .hardwoodInner {
            border-top: 5px solid #BA2730;
      }

      .treeContact {
            padding-bottom: 50px;
      }
}

@media(max-width:480px) {
      .imageBox {
            width: 250px;
            height: 250px;
      }

      .imageBox a img {
            width: 200px;
      }

      .mainContent .heading h1 {
            font-size: 30px;
            line-height: 50px;
      }

      .mainContent .heading h1 img {
            width: 300px;
            display: block;
            margin: 0 auto;
      }

      .innnerHeading h3 {
            font-size: 40px;
      }

      .contactDetail p,
      .contactDetail a {
            font-size: 20px;
            line-height: 30px;
      }

      .contactDetail a.gotowebsite {
            font-size: 18px;
            padding: 20px 20px;
      }

      .contactDetail p br {
            display: none;
      }
}