@media (max-width: 900px) {
    .hero-image-component > div, 
    .hero-image-component > div > div > div > div {
        min-height: 30vh!important;
    }
}

@media (max-width: 700px) {
    .hero-image-component > div, 
    .hero-image-component > div > div > div > div {
        min-height: 26vh!important;
    }
}

@media (max-width: 500px) {
    .hero-image-component > div, 
    .hero-image-component > div > div > div > div {
        min-height: 22vh!important;
    }
}

.stages{
  pointer-events: none;
  cursor: default;
}

.stages .row {
  justify-content: center;
}

@media (min-width: 1098px){
.stages .row  .col-md-4 {
  width: 20%;
}
}

#venue-logos a img {
    width: 300px;
    height: 300px;
}

@media (max-width: 900px) {
#venue-logos {
    flex-wrap: wrap;
        gap: 1rem;
}
#venue-logos a {
    width: 47%;
        height: 100%;
}
#venue-logos a img {
    width: 100%;
    height: 100%;

}
}

#jobAlertModal > div:first-of-type >  span {
    color:black;
}