/* CSS for block */

#hero-slider .h-slider-element {
    width: 100%;
    min-height: 420px;
    background-size: cover!important;
    background-position: center!important;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#hero-slider .h-slider-content {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#hero-slider .h-slider-content img {
    max-width: 250px;
}

#hero-slider .slick-dots {
    margin-top: -50px;
    margin-bottom: 50px;
}

#hero-slider .slick-dots li.slick-active button:before {
    color: #fff!important;
}

#hero-slider .slick-dots li button:before {
    color: #ffffffb2!important;
}

/*General mobile breakpoints*/
@media only screen and (max-width: 1024px) {
    #hero-slider .h-slider-element {
        width: 100%;
        min-height: 290px;
    }
}