.hero-background {
    background-image: url('https://media.nbcmiami.com/2025/07/miami-back-to-school-banner-es.jpg?quality=85&strip=all&w=1920');
    background-color: #000;
    background-position: center;
}

.featured-article.featured-article--dark-mode .site {
  background-color: #205d4d !important;
}

.featured-article.featured-article--dark-mode .below-hero {
    background-color: #205d4d !important;
}

.featured-article.featured-article--dark-mode .hero-wrap {
    background: linear-gradient(0deg,#205d4d 0%,#205d4d 12%,rgba(32,93,77,0) 100%);
}

.featured-article.featured-article--dark-mode .hero-wrap:after {
    background: linear-gradient(0deg,#205d4d 25%,rgba(32,93,77,0) 100%) !important;
}

.featured-article.featured-article--dark-mode .hero-background {
    height: 28.375rem !important;
}

.featured-text {
    border-left: 6px solid #e2cf04;
}

.schoolContainer {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
     gap: 20px;
}
.schoolThumb {
    width: 100%;
}
.schoolItem a {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
}
.schoolItemTitle {
    margin-top: -35px !important;
    line-height: 1em !important;
}

@media (max-width: 500px ) {
 
    .featured-article.featured-article--dark-mode .hero-background {
        height: 23.375rem !important;
    }

}

@media (max-width: 800px ) {
 

}