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

    .header-logo.navbar-brand {
        left:unset;
    }
}

@media (max-width: 700px) {
    .hero-component {
        background-position-x: -550px !important;
        }
    .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;
    }
}

.nohover{
    pointer-events: none;
}