/**
* Block Name: hero
*/

section.hero {
    height: 288px;
  }
section.hero:before {
content:'';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
mix-blend-mode: normal;
z-index: 1;
}
  
section.hero .copyright {
bottom: 0;
right: 0;
padding: 2px 4px;
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.9);
font-size: 12px;
}

section.hero img.bg_static_cover {
    height: 100%;
    z-index: -1;
}
section.hero > .logo_banner {
    z-index: 2;
  }


  
  @media (min-width: 768px) {
    section.hero {
      height: 330px;
    }
  
    section.hero > .logo_banner {
      background: #fff;
      top: 30%;
      right: 0px;
      padding: 20px;
      padding-right: 45px;
    }
  
    section.hero > .logo_banner > svg {
      width: 168px;
    }
  }
  
  @media (min-width: 992px) {
    section.hero {
      height: 413px;
    }
  
    section.hero > .logo_banner {
      padding: 25px;
      padding-right: 57.5px;
    }
  
    section.hero > .logo_banner > svg {
      width: 211px;
    }
  }
  
  @media (min-width: 1200px) {
    section.hero {
      height: 496px;
    }
  
    section.hero > .logo_banner {
      padding: 30px;
      padding-right: 70px;
    }
  
    section.hero > .logo_banner > svg {
      width: 252px;
    }
  }