/*1 Reponsive Video Embed*/
.embed-container{
    position: relative; 
    padding-bottom: 36.25%; 
    height: 0; 
    overflow: hidden; max-width: 100%; 
    } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    }

/*2 videos side by side*/
#wrapper { 
    width: 1100px; 
    height: auto; 
    margin: 0 auto;
} 
#home1 { 
    width: 63%; 
    height: 450px; 
    float: left; 
    margin-right: 1%;
} 

#home2 { 
    width: 36%; 
    height: 450px; 
    float: left; 
}

.clear{
    clear: both;
}
@media (max-width:960px) {
    #wrapper{
        width: 100%;
        height: auto;
    }
    #home1 {
        width: 60%;
        height: auto;
        float: none;
    }
    #home2 {
        width: 35%;
        height: auto;
        float: none;
    }
}