#overlay{
    background-color:rgba(0,0,0,0.7);
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    color: #ccc;
    vertical-align:middle;
    z-index: 10;
}


 
.overcontainer{
    margin-top: 40px;
}

#video {
    width:900px;
    height:505px;
}

#desc{
    font-size:14px;
    color:#bbb;
}
    
@media screen and (min-width:1px) and (max-width: 499px){
    
    #video{
        width:200px;height:120px;
    }

    .overcontainer{
        margin-top:150px;
    }
}



@media (min-width:500px) and (max-width: 899px){

    #video{    
        width:500px;height:300px;
    }

    .overcontainer{
        margin-top:100px;
    }
}


@media (min-width:1367px) and (max-width: 1920px){
    #video{
        width:1250px;height:700px;
    }
    .overcontainer{
        margin-top: 20px;
    }
}