.news-banner { 
    min-height: 650px; 
    padding: 30px; 
    position: relative; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
}

/* ONLY NEW CODE - the overlay */
.news-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%);
    z-index: 1;
}

.news-banner .text { 
    width: 950px; 
    max-width: calc(100% - 30px); 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    margin: 0 auto; 
    text-align: center; 
    border-radius: 5px; 
    padding: 30px 100px;
    z-index: 2; /* ONLY OTHER CHANGE - to keep text above overlay */
}
.news-banner .text h1 { font-size: 60px; line-height: 95px; color: #ffffff; margin: 0; text-shadow: 4px 4px 4px #000000CB; font-weight: 300; }
.news-banner .text h2 { color: #ffffff; font-size: 32px; line-height: 48px; font-weight 400; text-shadow: 4px 4px 4px #0000004A; font-family: 'lehigh_personalsemibold',sans-serif;}
.news-banner .text .spacer { width: 100%; height: 2px; background-color: #ffffff; margin: 30px 0; }
.news-banner .text h2 span { font-weight: 500; font-family:'lehigh_personalsemibold',sans-serif!important; }

@media all and (max-width: 950px) {
  
  .news-banner .text { padding: 30px; }
  .news-banner .text h1 { font-size: 65px; line-height: 70px; }
  .news-banner .text h4 { font-size: 28px; line-height: 33px; }
}

@media all and (min-width: 1024px) {
   .news-banner {
     margin-top: -21px;
  }
}