.hero-banner{position:relative;background-size:cover;background-position:center;text-align:center}.hero-banner h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:55px;color:#fff}.hero-banner{position:relative;min-height:400px}.hero-banner .container{position:static !important}@media only screen and (max-width:1024px){.blog-landing-page .hero-banner{min-height:300px}.blog-landing-page .hero-banner h1{font-size:46px}}@media only screen and (max-width:575px){.blog-landing-page .hero-banner{min-height:200px}.blog-landing-page .hero-banner h1{font-size:28px}}