.jake-hero-banner {
background-size: cover;
background-position: center center;
padding: 0;
position: relative;
overflow:hidden;
}

.jake-hero-banner:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.jake-hero-banner__content {
position: relative;
z-index: 1;
}

.jake-hero-banner__main-content * {
margin:0;
padding:0;  
}

.jake-hero-banner__main-content p {
  max-width:700px;
  padding-top:40px;
}

a.jake-hero-banner__button.button {
  border-radius:0px;
  border:none;
}

.jake-hero-banner__content {
  padding-top:100px;
}

@media (max-width:767px) {
  
  h1 {
    font-size:36px !important;
    font-weight:400;
    letter-spacing:-.36px;
    line-height:46px;
    margin-bottom:36px;
  }
  
  .jake-hero-banner__main-content {
    text-shadow:none !important;
    padding-left:16px !important;
  }
  
  p {
    margin-bottom: 30px !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    letter-spacing: 0;
    line-height: 29px !important;
  }
  
  .jake-hero-banner__content {
    min-height:500px;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    align-content:center;
    justify-content:center;
    padding-top:0px !important;
  }
  
  .jake-hero-banner__cta .button {
    padding:11px 40px;
    font-size:18px;
  }
  
  .jake-hero-banner__cta {
    margin-left:16px;
  }
  
  .jake-hero-banner__main-content {
    padding-left:0px !important;
  }
  
  .jake-hero-banner__cta {
    margin-left:0px !important;
  }
  
}

@media (min-width:768px) and (max-width:1199px) {
  
  .jake-hero-banner {
    height:100vh;
  }
  
  .jake-hero-banner__content {
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    align-content:flex-start;
    justify-content:center;
    height:100%;
  }
  
  .jake-hero-banner__main-content h1 {
    font-size:42px !important;
    font-weight:500 !important;
    line-height:54px !important;
  }
  
  div.jake-hero-banner__main-content > p {
    max-width:650px !important;
  }
  
  div.jake-hero-banner__main-content > p > span {
    font-size:21px !important;
  }
  
  .jake-hero-banner__content {
    padding-left:32px !important;
    padding-right:32px !important;
  }
  
  a.jake-hero-banner__button.button {
    padding:11px 40px !important;
  }
  
  .jake-hero-banner__content{
    padding-top: 0px!important;
  }
  
}

@media (min-width:1200px) and (max-width:1439px) {
  
  .jake-hero-banner {
    padding-left:100px !important;
    padding-right:100px !important;
    padding-top:0px !important;
  }
  
  h1 {
    font-weight:400 !important;
  }
  
}

@media (min-width:1440px) {

  .jake-hero-banner {
    padding-left:140px !important;
    padding-right:140px !important;
    padding-top:0px !important;
    padding-bottom:68px !important;
  }
  
  h1 {
    font-weight:400 !important;
  }
  
}

@media (min-width:992px) {
  
  .jake-hero-banner__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 100px;
    position: relative;
    width: 100%;
    padding-bottom: 68px;
    padding-top: 168px;
  }
  
}

@media (min-width:1200px) {
  
  .jake-hero-banner {
    padding-bottom:0px !important;
  }
  
}

/* additional styling - nikola 7.10.2024. */

@media (min-width:1200px) {
  
  .test-hero {
    max-width:1600px !important;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    min-height:650px;
    padding-left:140px;
    padding-right:140px;
    display:flex;
  }
  
  .jake-hero-banner__content {
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    flex-wrap:nowrap;
    flex:1;
    align-items:flex-start;
    position:relative;
    width:100%;
    padding-top:156px;
    padding-bottom:96px;
  }
  
  .jake-hero-banner__main-content p {
    max-width:640px;
  }
  
}

@media (min-width:1200px) and (max-width:1399px) {
  
    .jake-hero-banner {
      padding-left:0px !important;
      padding-right:0px !important;
  }
  
  .test-hero {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px !important;
    min-height: 597px;
    padding-left: 100px;
    padding-right: 100px;
    width: 100%;
  }
  
  .jake-hero-banner__content {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding-bottom: 96px;
    padding-top: 156px;
    position: relative;
    width: 100%;
    }

}

@media (min-width:1400px) {
  
  .jake-hero-banner {
    padding-left:0px !important;
    padding-right:0px !important;
  }
  
}
/*
@media (min-width:1532px) {
  .test-hero {
    min-height:690px;
  }
  
}