#hero-home {
    min-height: 100vh;
}

@media screen and (max-width: 767px) {
    #hero-home {
        min-height: 50vh;
    }
}


#hero-home .media-icon {
    cursor: pointer;
    z-index: 1;
    position: relative;
    top: 50%;
}

@media screen and (max-width: 576px) {
    #hero-home .img-container img,
    #hero-home .video-container video {
        height: 900px;
    }

}