.blog-hero-banner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;justify-content:center;min-height:500px;overflow:hidden;padding:20px;padding-top:calc(20px + var(--nav-height, 60px));position:relative;width:100%}.blog-hero-banner:before{background:rgba(0,0,0,.2);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.blog-hero-banner .wrap{max-width:90%;position:relative;text-align:center;z-index:1}.blog-hero-banner .wrap .hero-banner-title h1,.blog-hero-banner .wrap .hero-banner-title h3{overflow-wrap:normal;text-shadow:2px 2px 8px rgba(0,0,0,.7);white-space:normal;word-break:keep-all}.blog-hero-banner .wrap .hero-banner-title h1{color:#fff;font-size:clamp(24px,5vw,52px);font-weight:400;letter-spacing:12px;line-height:52px;text-shadow:2px 2px 8px rgba(0,0,0,.7);text-transform:uppercase}.blog-hero-banner .wrap .hero-banner-title h3{color:hsla(0,0%,100%,.8);font-size:clamp(16px,4vw,18px);font-weight:500;line-height:1.2;padding-bottom:10px;text-shadow:1px 1px 4px rgba(0,0,0,.6)}@media (max-width:1199px){.blog-hero-banner{min-height:300px}}@media (max-width:991px){.blog-hero-banner{min-height:250px}}@media (max-width:767px){.blog-hero-banner{min-height:200px}.blog-hero-banner .wrap .hero-banner-title h1{font-size:clamp(20px,4vw,26px);line-height:35px}.blog-hero-banner .wrap .hero-banner-title h3{font-size:clamp(14px,3.5vw,16px)}}