.blogbanner-section .dnd-section>.row-fluid{
  max-width:100%;
}

.blogbanner-section .dnd-section{
  padding:0;
}
.blogbanner-section .dnd_area_header-module-1-flexbox-positioning > div{
  width: 100%;
}
.blogbanner-section .dnd_area_header-row-0-background-color{
  background-color: transparent!important;
}
.banner-section {
  padding-top: 68px;
}

.banner-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.banner-wrapper span,
.banner-wrapper span > * {
  display: inline;
}

.banner_wrapper_heroo {
  overflow: hidden;
  padding: 10% 30px 80px 60px;
  z-index: 2;
  margin: auto;
  position: relative;
  max-width: 100%;
}

.banner_wrapper_hero:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}

.banner-sidebr{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

.banner-sidebr svg {
  width: 100%;
  height: 100%;
}

.banner_homepage{
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  position: relative;
  margin: auto;
  color: #fff;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end;
  z-index: 10;
  display: flex;
  padding: 10px 20px;
}

.banner_content {
  margin-right: auto;
  width; 100%;
}

.banner_content h1 span{
  font-family: Catamaran,sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.2em;
  margin-bottom: 15px;
  color:#fff;
}

.banner_content h5 {
  font-family: Catamaran,sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4em;
  color: #FFFFFF;
}

.banner_content .date-container{
  max-width: 500px;
}
.banner_homepage_image {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
.banner_wrapper_hero {
  overflow: hidden;
  padding-top: 60px;
  padding-right: 20px;
  padding-bottom: 60px;
  padding-left: 20px;
  z-index: 2;
}

.banner_homepage_image:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.banner_homepage_image img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 70% 100%;
  object-position: 70% 100%;
  font-family: "object-fit: cover; object-position: 70% 100%";
  height: 100%;
  display: block;
  max-width: 100%;
}
.banner-area .dnd-section {
  padding: 0;
}
.banner_content a {
  display: inline-block;
  background: #fff;
  text-align: center;
  font-family: Catamaran,sans-serif;
  font-weight: 800;
  text-decoration: none;
  transition: all .3s;
  width: auto;
  margin-top: 40px;
  border-radius: 3px;
  color: #000;
  text-shadow: none;
  box-shadow: 3px 4px 4px rgb(0 0 0 / 23%);
  animation: fade 2s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  line-height: 24px;
  padding: 8px 20px;
}
.banner_content a:hover {
  color: #fff;
  background: #3f9840;
}
.blogbanner-section {
  margin-top: 40px;
}
@media screen and (min-width: 992px){
  .blog-post__hero div.banner-wrapper div.banner_wrapper_hero div.banner_homepage div.banner_content h1 {
    top: -10px;
    position: relative;
  }
}

@media screen and (max-width: 768px) {
  .banner_homepage {
    padding: 0;
  } 
}

@media screen and (min-width: 760px){

  .banner_homepage {
    width: 100%;
  }
  .banner_content{
    padding-top: 0;
  }
  .banner_content h1{
    font-size: calc( 82Px + (54 * ((100vw - 1179Px)/819)) );
    line-height: calc( 88Px + (56 * ((100vw - 1179Px)/819)) );
  }
  .banner_content p{
    font-style: normal;
    letter-spacing: normal;
    font-size: calc( 32Px + (16 * ((100vw - 1179Px)/819)) );
    line-height: calc( 40Px + (20 * ((100vw - 1179Px)/819)) );
  }
  .blogbanner-section .banner-wrapper .banner_homepage_image img{
    object-position: center;
  }
}
@media screen and (min-width: 760px){

  .banner_content a {
    padding: 15px 30px;
    min-width: 230px;
    font-size: 1.75rem;
  }
  .banner-wrapper div.banner_wrapper_hero div.banner_homepage {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media screen and (min-width: 1023px){
  .banner_content{
    margin-top: 0px;
    margin-bottom: 10px;
  }
}


@media screen and (min-width: 1180px){

  .banner_homepage{
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 1240px;
  }
  .banner_content h1{
    font-size: 5.125rem;
    line-height: 5.5rem;
    max-width: 1200px;
    margin-bottom: 30px;
  }
  .banner_content p{
    font-size: 2rem;
    line-height: 2.5rem;
    max-width: 1200px;
  }
  .blogbanner-section {
    margin-top: 69px;
  }
}

.date-container {
  margin-bottom: -15px;
}

@media (max-width: 990px) {
  .banner-section {
    padding-top: 40px;
  }

  .date-container {
    margin-bottom: 0;
  }
}


  .banner_content h5 {
    font-size: 14px;
    line-height: 22px;
  }
}