.hero{background-repeat:no-repeat;background-size:cover;color:#fff}.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)}}