.homepage-intro .container{  
position: relative;
}

.homepage-intro .dark-texture-block{
position: absolute;
width: 52%;
height: 215px;
background: #192931;
left:48%;
bottom: 15px;
}

.fade-1{
 animation-duration: 1.5s; 
 animation-delay: .5s; 
}

.fade-2{
 animation-duration: 1s; 
 animation-delay: .75s;  

}

.fade-3{
 animation-delay: 1.5s;  
 animation-duration: 2s; 
}


.homepage-intro h2{
  padding-right:192px;
  margin-bottom:24px;
  z-index: 1;
  position: relative;
}

.homepage-intro a.cta{
   position: relative;
   left: 50%;
  -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
  margin-top: 24px;
}

@media only screen and (max-width: 1199px){
/*   h2{
    font-size:24px;
    line-height: 40px;
  }
  
  .container{
    max-width:100%;
  } */
  
  .homepage-intro h2{
  padding-right:160px;
  padding-left:40px;
  margin-bottom:24px;
  z-index: 1;
  position: relative;
}
  
.homepage-intro .dark-texture-block{
position: absolute;
width: 50%;
height: 135px;
background: #192931;
left:35%;
bottom: 15px;
}
}

@media only screen and (max-width: 1023px){
.homepage-intro h2{
  padding-right:192px;
  padding-left:40px;
}
  
.homepage-intro .dark-texture-block{
width: 60%;
height: 175px;
left:25%;
}
  
}

@media only screen and (max-width: 800px){
.homepage-intro h2{
  padding-right:112px;
}
  
.homepage-intro .dark-texture-block{
width: 60%;
height: 175px;
left:25%;
}
}

@media only screen and (max-width: 599px){
.homepage-intro h2{
  padding-right:64px;
  padding-left:32px;
}
  
.homepage-intro .dark-texture-block{
display: none;
} 
}
  
@media only screen and (max-width: 499px){
    .homepage-intro h2{
    padding-left:0px;
     padding right:1px;
     font-size:20px;
}
  
 
}