.page-banner { min-height: 500px; position: relative; border-radius: 0px 0px 22px 22px; }
.page-banner .banner-heading { position: absolute; top: 60%; transform: translateY(-40%); text-align: center; width: 100%; }
.banner-heading h1 { color: #fff; }

.template-blog .page-banner .banner-heading { top: 70%;  transform: translateY(-30%); }

@media screen and (max-width: 740px) {
    .page-banner { min-height: 420px; }
}