.CO-image{position:absolute; z-index:-10; width:100%; top:0; left:0; min-height:250px}
.imageBox{width:400px; height:250px; overflow:hidden; border:2px solid #555; border-radius:10px; box-shadow: 10px 10px 26px -1px rgba(158,156,158,0.61);}
#image-1B, #image-2B, #image-3B, #image-4B{display:none}
.posLeft{float:left; margin:5px 30px 5px 0;}
.posRight{float:right; margin:5px 0 5px 30px;}
.relativeFrame{position:relative; padding:0; margin:0; background-color:#000}
#ysContainer{max-width:800px; padding-top:10px; margin:0 auto}

h2{text-align: center; color:#070}

@media only screen and (max-width: 790px) {
    #ysContainer{width:100%; margin:0 auto; padding-top:15px}
    #ysContainer p{padding:0 25px; margin:0 10px}
    #appContainer{padding-top:50px!important}
    .posLeft{margin-left:2px; margin-bottom:20px}
    .posRight{margin-right:2px; margin-bottom:20px}
     #spacer{display:none}
    .imageBox{float:none; width:490px; height:300px; margin:5px auto}
}

@media only screen and (max-width: 500px){
    .imageBox{width:97%; height:250px}
    #ysContainer{padding-top:14px}
    #ysContainer p{padding:0 5px}
}