@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;
}

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

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

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


@media (max-width: 575px) {
    h1 {
        font-size: 50px !important;
    }

    h2 {
        font-size: 48px !important;
    }
}