/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.ravnur-embed-container {
    position: relative; 
    padding-bottom: 56.25%; /* ratio 16x9 */
    height: 0; 
    overflow: hidden; 
    width: 100%;
    height: auto;
}
.ravnur-embed-container iframe {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
/* ratio 4x3 */
.ravnur-embed-container.ratio4x3 {
    padding-bottom: 75%;
}
.ravnur-embed-error {
    background-color: gainsboro;
    border-radius: 3px;
    color: crimson;
    padding: 10px;
    text-align: center;
}