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