#home-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000;
    overflow: hidden;
    height: auto;
    width: auto;
    max-height: 100%;
    margin-bottom: -10px
}

#video-container {
    position: relative;
    height: 584px;
    overflow: hidden
}

#video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: -170px;
    right: 0;
    background: rgba(0, 0, 0, 0.5)
}

@media screen and (max-width:3500px) {
    #video-container {
        height: auto
    }
    #home-video {
        position: relative;
        width: 100%;
        margin-bottom: -100px
    }
}

@media screen and (max-width:700px) {
    #video-container {
        position: relative;
        height: 400px
    }
    #home-video {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1000;
        overflow: hidden;
        height: auto;
        width: auto;
        margin-bottom: -10px
    }
}

@media screen and (max-width:500px) {
    #video-container {
        position: relative;
        height: 300px
    }
    #home-video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: -1000;
        overflow: hidden;
        height: auto;
        width: auto;
        margin-bottom: -10px
    }
}