.typ-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:25vw;padding:0;position:relative}.typ-hero:after{background:var(--color-main);content:"";display:block;height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%}.typ-hero__content{color:#fff;padding:8rem 0;position:relative;text-align:center;z-index:13}.typ-hero__content h1{color:var(--color-white)}@media (min-width:1140px){.typ-hero__content{padding:10rem 0 8rem}}