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

.footer__graphic {
    width: 80px;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%);
}

.footer__social {
    margin-bottom: 40px;
}

.footer__social h4 {
    font-size: 38px;
    margin-bottom: 16px;
}

@media screen and (width >= 1200px) {
    .footer__graphic {
        width: 200px;
        top: -100px;
    }
}

@media screen and (width >= 768px) {
    .footer__social {
        margin-bottom: 67px;
    }

}

@media (max-width: 767px) {
    body h1 {
        font-size: 48px !important;
        text-wrap: auto !important;
    }

    body h2 {
        font-size: 38px !important;
        text-wrap: auto !important;
    }
    .footer-div{
        width: 100% !important;
        max-width: 100% !important;
    }
}