img.even {
    float: left;
    margin-right: 40px;
    margin-left: 10px;
    width: 500px;


}
img.odd {
    float: right;
    margin-left: 40px;
    margin-right: 10px;
    width: 500px;

}

video.even {
    float: left;
    margin-right: 40px;
    margin-left: 10px;
    width: 500px;


}
video.odd {
    float: right;
    margin-left: 40px;
    margin-right: 10px;
    width: 500px;

}


/*---------------------------------------------*/
/*          media max-width: 800               */
/*---------------------------------------------*/
/*
@media screen and (max-width: 800px) {
img.even {
    float: none;
    width: 400px;
    top: 100px;
}
img.odd {
    float: none;
    width: 400px;
        top: 100px;

}

}
*/