.hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;min-height:280px;padding:calc(var(--vertical-spacing)*.7) 2rem}.hero h1{color:var(--primary-color)}.hero .content-wrapper{margin:0;max-width:500px}@media (max-width:991px){.hero{padding-top:var(--vertical-spacing)}}@media (min-width:1220px){.hero .content-wrapper{--side-padding:calc((100vw - var(--container-width))/2);margin-left:calc(var(--side-padding) - 2rem)}}