.hero-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;background-size:100%;height:calc(100vh - 88px);display:flex;align-items:center;justify-content:center;& h3{color:#ccc}& h1{background-color:rgba(0,0,0,.5);border-radius:10px;padding:20px;text-align:center;width:fit-content;font-size:2.5rem}}@media (max-width:768px){.hero-bg{height:400px;& h1{font-size:1.5rem}}.mobile-padding{margin-top:20px}}