#video-placeholder {
    max-width: 100%;
    width: 100%;
    position: relative;
    height: 400px;
    max-height: 80%;
}

#controls {
    margin-right: 40%;
    vertical-align: middle;
}


#progress-bar {
    position: relative;
    width: 60%;
    height: 35px;
    cursor: pointer;
}


#controls i {
    color: #000;
    font-size: 32px;
    cursor: pointer;
}

#volume-input {
    height: 32px;
    width: 45px;
}

#next,
#prev {
    display: block;
}


@media (max-width: 1000px) {


    header h1 {
        float: none;
    }

    header a {
        margin-top: 25px;
        float: none;
    }
}

@media (max-width: 1200px) {

    #video-placeholder {
        max-width: 100%;
        position: static;
    }

    #controls {
        margin-right: 0;
    }

    #bsaHolder {
        display: none;
    }
}