.embed-container {
    position: relative; 
    /*padding-bottom: 56.25%; /* ratio 16x9 */
    padding-bottom: 75%;    
    height: 0; 
    overflow: hidden; 
    width: 100%;
    height: auto;
}

.embed-container iframe {
    position: absolute; 
    top: 0; 
    left: 0; 
    min-width: 100%; 
    width: 100px;
    *width: 100%; 
    min-height: 100%;
    height: 100px;
    *height: 100%;
    border: none;
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
    padding-bottom: 85%;
} 

@media (max-device-width: 480px) { 
    .embed-container {
        padding-bottom: 110%;
    }
}