/* =============================================================================================================
    AUDIO & VIDEO styling, auto-size
    
    Make sure that mp4 files are correctly encoded, e.g., with "HandBrake" tool + H264 codec + "web-optimzed",
    otherwise no joy with IE 
    
=============================================================================================================== */

.video-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


.video-unit {
    margin: 0 auto 0 auto;
    background-color: #E0E0E0;      /*  Grey    */
    padding: 0.5em 0.5em 0.25em 0.5em; /* 8/16px=0.5em */
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: blue;

}


.video-unit video {
    width: 100%;
    height:auto
}



.audio-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 665px;
}

.audio-unit {
    margin: 0 auto 0 auto;
    background-color: #E0E0E0;      /*  WhiteSmoke    */
    padding: 0.8em 0.5em 0.25em 0.5em; /* 8/16px=0.5em */
    border-bottom: 1px solid;
    border-color: blue;
}
.audio-unit-2blue {
    margin: 0 auto 0 auto;
    background-color: #E0E0E0;      /*  WhiteSmoke    */
    padding: 0.8em 0.5em 0.25em 0.5em; /* 8/16px=0.5em */
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: blue;
}


.audio-unit-last {
    margin: 0 auto 0 auto;
    background-color: #E0E0E0;      /*  WhiteSmoke    */
    padding: 0.8em 0.5em 0.25em 0.5em; /* 8/16px=0.5em */
}