header.hero{position:relative;height:25vh;min-height:180px;background:url('../../images/heroheader.png') no-repeat center/cover}
header.hero-full{height:100vh;min-height:700px}
.hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.15);z-index:1}
.logo{position:absolute;top:60px;left:1%;z-index:3}
.logo img{width:950px;max-width:80vw;height:auto;display:block}
.tagline{position:absolute;top:180px;left:4%;z-index:2;font-size:3.6rem;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.9)}
@media (max-width: 980px){
    header.hero-full{min-height:540px}
    .logo{top:95px;left:4%}
    .tagline{top:auto;bottom:40px;left:6%;right:6%;font-size:1.8rem}
}