/* Hero Small (for sub-pages) */
.hero-small {
    /* Blue overlay with fade (0.8 opacity) over the image */
    background: linear-gradient(rgba(41, 128, 185, 0.8), rgba(41, 128, 185, 0.8)), url('../images/hero-bg.jpg') no-repeat center center/cover;
    color: #fff;
    text-align: center;
    padding: 60px 0;
}

.hero-small h2 {
    font-size: 2rem;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3); /* Add shadow for better readability */
}