.hero-wrap {
    display: inline-block;
    padding: 270px 0 100px;
    position: relative;
    width: 100%;
}
 
.hero-wrap:before {
    content: ""; 
    position: absolute;
    top: 0; 
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%; 
    height: 100%; 
    background: #000;
    opacity: 0.2;
}
 
.hero-wrap > div {
    position: relative;
    z-index: 9;
}

.hero-otr {
    text-align: center;
}
 
.hero-header h1 {
    font-family: 'Arimo';
    color: #fff;
    letter-spacing: 3.4px;
    line-height: 1.5;
    font-size: 50px;
 
}
 
.hero-btn {
    padding-top: 30px;
} 

.hero-btn a {
  box-shadow: 9.44px 11.657px 19.11px 1.89px rgba(13, 14, 14, 0.77);
}

.hero-header {
    padding-bottom: 50px;
}

 

/******** Mobile Styling *********/

@media (max-width: 1080px) {

  .hero-wrap { 
      padding: 120px 0px 50px; 
  }
 
  .hero-header {
      padding-bottom: 20px;
  }
  
  
}

@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation: portrait) {
  
  
}  

@media (max-width: 767px) {
    
  .hero-header h1 { 
      letter-spacing: 1.4px;
      line-height: 1.1;
  }
  

  
}

@media (max-width: 479px) {

  }
  
}