h1,h2,p{
  margin: 0;
}
.fade-in {
  transition: opacity 1.5s ease 2s;
  opacity:0;
}
.fade-in.show {
  opacity: 1;
}

.body-container--home .dnd_area-row-0-background-layers{
  background-size: auto !important;
  background-repeat: repeat !important;
}

.banner-outer .main-headline {
  position: relative;
}   
.banner-outer .main-headline span.underline svg{
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-60%);
}
/* .banner-outer{
max-width: 859px;
margin: 0 auto;
} */
.banner-outer .main-headline .text-block {
  font-family: Satoshi-Medium;
  font-size: 58px;
  font-weight: 500;
  line-height: 56.84px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #4F5153;
  margin-bottom: 12px;` 
}
.banner-outer .main-headline h1 {
  font-family: Satoshi-Bold;
  font-size: 80px;
  font-weight: 700;
  line-height: 86.24px;
  letter-spacing: -0.04em;
  text-align: center;
}
.banner-outer .sub-head {
  text-align: center;
  margin-top: 30px;
}
.banner-outer .sub-head h2 {
  font-family: Satoshi-Medium;
  font-size: 32px;
  font-weight: 500;
  line-height: 38.4px;
  letter-spacing: -0.03em;
  text-align: center;
  color: #4F5153;
  margin-bottom: 12px;
}
.banner-outer .sub-head p {
  font-family: Plus Jakarta Sans;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  text-align: center;
  color: #4F5153;
  max-width: 60%;
  margin: 0 auto;
}
.banner-outer .banner-btn {
  text-align: center;
  margin-top: 32px;
}
.banner-outer .brand {
  text-align: center;
  padding-top: 28px;
  width: 487px;
  margin: 0 auto;
}
.banner-outer .brand img{
  max-width:100%;
}
.banner-outer .banner-btn a.cta_button:hover{
  background:#F6EFE8 !important;
  color:#232528 !important;
}
.banner-outer .banner-btn a.cta_text{
  font-family: Plus Jakarta Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color:#232528;
  padding:14px 60px 14px 24px;
  border-radius:38px;
  background: #F6EFE8;
  text-decoration: none;
  font-weight: 600;
}

/*************Responsive Styles*****************/
/***************iPhone Portrait**************/
@media only screen and (max-width: 479px) and (min-width: 320px){
  .banner-outer .main-headline .text-block{
    font-size: 32px;
    line-height: 42px;
  }
  .banner-outer .main-headline h1 {
    font-size: 42px;
    line-height: 45px;
  }
  .banner-outer .sub-head h2 {
    font-size: 28px;
    line-height: 34.4px;
  }
  .banner-outer .sub-head p{
    font-size: 17px;
    line-height: 26px;
    max-width: 90%;
  }
  .banner-outer .banner-btn{
    margin-top: 30px;
  }
  .banner-outer .brand{
    width:85%;
  }
  .banner-outer .brand img {
    width: 100%;
  }
  .banner-outer .main-headline span.underline svg{
    width: 75%;
    bottom: -33px;
    transform: translateX(-51%);
  }
}
/**********************iPhone Landscape*************/
@media only screen and (max-width: 767px) and (min-width: 480px){
  .banner-outer .main-headline .text-block{
    font-size: 32px;
    line-height: 42px;
  }
  .banner-outer .main-headline h1 {
    font-size: 52px;
    line-height: 62px;
  }
  .banner-outer .sub-head h2 {
    font-size: 28px;
    line-height: 34.4px;
  }
  .banner-outer .sub-head p{
    font-size: 18px;
    max-width: 90%;
  }
  .banner-outer .banner-btn{
    margin-top: 30px;
  }
  .banner-outer .main-headline span.underline svg{
    width: 45%;
  }
  .banner-outer .brand{
    width:50%;
  }
}
/*************************iPad Portrait***************/
@media only screen and (max-width: 985px) and (min-width: 734px){
  /*   .banner-outer {
  max-width: 785px;
} */
  .banner-outer .main-headline .text-block{
    font-size: 32px;
    line-height: 42px;
  }
  .banner-outer .main-headline h1 {
    font-size: 60px;
    line-height: 63px;
  }
  .banner-outer .sub-head h2 {
    font-size: 28px;
    line-height: 34.4px;
  }
  .banner-outer .sub-head p{
    font-size: 18px;
  }
  .banner-outer .banner-btn{
    margin-top: 30px;
  }
  .banner-outer .main-headline span.underline svg{
    width: 40%;
  }
}
/**************iPad Landscape***************/
@media only screen and ( max-width: 1150px ) and (min-width: 986px){
  .banner-outer .main-headline .text-block{
    font-size: 42px;
    line-height: 52px;
  }
  .banner-outer .main-headline h1 {
    font-size: 70px;
    line-height: 76px;
  }
  .banner-outer .banner-btn{
    margin-top: 30px;
  }
  /*   .banner-outer .main-headline span.underline svg{
  bottom: 17%;
} */
}
/*******************************************/