.hero{position:relative;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}.hero:before{content:"";position:absolute;height:100%;width:100%;left:0;top:0;background:rgba(0,0,0,.5)}.hero .hero-content{position:relative;z-index:1;padding:24px;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero .hero-content .hero-title,.hero .hero-content .hero-subtitle{position:relative;z-index:1;color:white;margin:0 auto}.hero .hero-content .hero-title{font-size:42px;line-height:130%;margin-bottom:16px}.hero .hero-content .hero-subtitle{font-size:32px;line-height:130%;margin-bottom:16px}.hero .hero-content .hero-btn{margin-bottom:16px}@media screen and (min-width:1235px){.hero .hero-content{padding:100px 0 20px 0}}