.ls-hero-banner {
  padding: 6rem 0 8rem 0;
  position: relative;
}

.ls-hero-banner.custom-about-banner .ls-hero-banner__container {
  max-width: 100%
}
.ls-hero-banner .desktop-bg-ban, .ls-hero-banner .mobile-bg-ban {
    z-index: 0;
}

.ls-hero-banner .ls-wrapper {
    position: relative;
}

.ls-hero-banner:after, .ls-hero-banner:before {
    z-index: 1;
}
.ls-hero-banner h1 {
  color: #fff;
  font-family: Permanent Marker;
  font-weight: 700;
}

.ls-hero-banner p {
  color: #fff;
  font-size: 20px;
  font-weight: 700
}

.ls-hero-banner__container {
  max-width: 600px
/*  margin-bottom: 5rem; */
}

.ls-hero-banner__cta a,
.ls-hero-banner__cta span{
  border: 1px solid;
  border-radius: 4px;
  color: #082c4c;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 2px 20px
}

.ls-hero-banner__cta a:first-child,
.ls-hero-banner__cta span:first-child {
  background-color: #fff;
  border-color: #fff
}

.ls-hero-banner__cta a:last-child,
.ls-hero-banner__cta span:last-child{
  background-color: #35d42e;
  border-color: #35d42e
}


.ls-hero-banner.custom-about-banner {
  padding: 7rem 0;
}


.ls-hero-banner.custom-about-banner:before {
  /*height: 145px;*/
}

.ls-hero-banner.custom-about-banner:after {
  height: 168px;
  border: 0;
  bottom: -15px;
}

.ls-hero-banner.custom-about-banner p.hightlight.h1 {
  font-size: 4rem!important
}

.body-container.body-container-about .ls-hero-banner.custom-about-banner p.hightlight.h1 {
  color: #fff;
  font-family: Permanent Marker;
  font-weight: 400
}
body, html {
  overflow-x: hidden;
}

@media (min-width: 1181px){
  .ls-hero-banner {
    margin-left: -50px;
    margin-right: -50px;
  }
}
@media (max-width: 767px) {
  .ls-hero-banner.custom-about-banner {
    padding:8rem 12px 6rem
  }

  .ls-hero-banner.custom-about-banner p.hightlight.h1 {
    color: #fff;
    font-family: Permanent Marker,handwriting;
    font-size: 2rem!important;
    letter-spacing: 0;
    text-align: center
  }
}

@media (max-width: 650px) {
  .ls-hero-banner {
    padding:6rem 0 5rem
  }

  .ls-hero-banner.custom-about-banner p.hightlight.h1 {
    color: #fff;
    font-family: Permanent Marker,handwriting;
    font-size: 2.809312rem!important;
    letter-spacing: 0;
    text-align: center
  }
}

@media (min-width: 651px) {
  .ls-hero-banner__cta a:last-child,
  .ls-hero-banner__cta span:last-child{
    margin-left:17px
  }
}

.ls-hero-banner__cta {
  margin-top: 3rem
}

.ls-hero-banner:before {
  background-image: url('https://22146047.fs1.hubspotusercontent-na1.net/hubfs/22146047/top-grunge-hero-image-1.png');
  height: 89px;
  top: 0
}

.ls-hero-banner:after,.ls-hero-banner:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%
}

.ls-hero-banner:after {
  background-image: url(https://22146047.fs1.hubspotusercontent-na1.net/hubfs/22146047/hero-bottom-border.png);
  bottom: -10px;
  height: 100px
}

.ls-hero-banner__content {
  /*max-width: 390px*/
}

.h1 {
  font-family: Permanent Marker;
  font-size: 60px!important;
  font-style: normal;
  line-height: 72px;
  color: #fff;
  font-weight: 700;
  padding: 2rem 0;
}

.diff .hightlight h1{
  font-size: 50px!important;
}

.ls-hero-banner__content h1,
.ls-hero-banner__content h2{
  font-family: helvetica,sans-serif;
  font-size: 20px!important;
  font-style: normal;
  font-weight: 400;
  color: #fff;
}

.ls-hero-banner.custom-about-banner.custom-contact-banner {
  margin-top: 8rem;
  padding: 5rem 0 3rem;
}

.ls-hero-banner.custom-about-banner.custom-contact-banner:before {
  height: 115px;
  top: -87px;
}

.ls-hero-banner.custom-about-banner.custom-contact-banner:after {
  bottom: -66px;
  display: none;
  top: auto
}

@media (max-width: 980px){
  .ls-hero-banner.custom-about-banner.custom-contact-banner {
    margin-top: 8rem;
    padding: 8rem 0 6rem;
  }
  .ls-contact-us-location .ls-item-wrap-inner .ls-item-wrap-items {
    width: 33%;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    cursor: pointer;
    margin-bottom: 50px;
  }
}

@media (max-width: 767px){
  .ls-hero-banner.custom-about-banner.custom-contact-banner {
    margin-top: 8rem;
    padding: 5rem 0 2rem;
  }
  .ls-hero-banner.custom-about-banner.custom-contact-banner p.hightlight.h1 {
    font-size: 2rem !important;
  }
  .ls-hero-banner.custom-about-banner.custom-contact-banner:before{
    height: 65px;
    top: -47px;
  }

/* Kitchen + Bath LP*/
  #KBLPhero .ls-wrapper {
    padding: 20px !important;
}
}

}