.homeBanner{ 
    min-height: 750px;
    padding: 257px 0 0;
    position:relative;
}

.homeBanner:before{
    content: "";
    background-image: url(https://cdn2.hubspot.net/hubfs/5867638/theme2020/home/images/overlay.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}

.homeBanner:after{
    content: "";
    background-image: url(https://cdn2.hubspot.net/hubfs/5867638/theme2020/home/images/wave.png);
    background-position: center bottom;
    background-size: 100% 200%;
    height: 70px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -60px;
    z-index: 99;
}/*background-size: cover;bottom: -70px;*/

.homeBanner h1.bannerTagline{
    
	font-style: normal;
	font-weight: bold;
    font-size: 94px;
    line-height: 100%;
    color: #FFFFFF;
    margin: 0 0 41px;
    position:relative;
    z-index:99;
}

.homeBanner p.bannerDesc{
    font-family: 'New York Large';
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 120%;
    color: #FFFFFF;
    margin: 0 0 85px;
}

.homeBanner .banner-buttons{
    display: flex;
    justify-content: space-between;
}


.homeBanner .banner-buttons .bannerCTA a.cta_button:hover {
        transition: all .0s ease !important;
        -webkit-transition: all .0s ease!important;
        background-image:url("https://cdn2.hubspot.net/hubfs/5867638/Images%20For%20Theme%202020/hover-effect.png") !important;
        background-position:bottom !important;
        background-size:100% auto!important;
        background-repeat:no-repeat!important;
}
.homeBanner .banner-learnmore a:after{
    content: "";
    background-image: url(https://cdn2.hubspot.net/hubfs/5867638/theme2020/Ocean%20Leadership%20Program/images/arrow%20bottom.png);
    background-size: 100%;
    width: 65px;
    height: 64px;
    display: block;
    margin-left: 28px;
}

.homeBanner .banner-learnmore a{
    font-family: 'TT Norms Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.homeBanner .bannerWatermark{
    max-width: 535px;
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0;
}

.homeBanner .bannerCTA a.cta_button:hover{
    background-image:linear-gradient(60.14deg, #129CE9 2.51%, #1275E9 84.19%);
}

@media only screen and (max-width: 767px) {
    
    .homeBanner .bannerCTA a.cta_button{
    max-width:100%;
    width:100% !important;
    }
    
  .soa-application .homeBanner {
    min-height: 600px;
    padding: 143px 0 0;
  }/*min-height: 550px;*/
  .ocean-leader-page .homeBanner {
    min-height: 675px;
    padding: 143px 0 0;
  }/*min-height: 550px;*/
  /*css update*/ 
  .homeBanner:after{
    bottom: -30px;
    background-size: cover;
    }
  /*css update*/ 
  .homeBanner h1.bannerTagline{
      font-size: 56px;
      line-height: 120%;
      color: #FFFFFF;
      margin: 0 0 31px;
  }
  .homeBanner .bannerWatermark{
      display:none;
  }
  .homeBanner p.bannerDesc{
      font-size: 28px;
      line-height: 130%;
      color: #FFFFFF;
      margin: 0 0 45px;
  }
  
  .homeBanner .banner-buttons {
    flex-direction: column;
  }
  
  .homeBanner .banner-buttons .banner-learnmore {
    text-align: right;
    margin-top: 46px;
  }
  
  .homeBanner .banner-learnmore a {
    justify-content: flex-end;
  }
  
  
}