.CO-image { position:absolute; z-index:-10; width:100%; top:0; left:0; min-height:250px; }
.imageBox { width:500px; height:300px; 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:1200px; margin:0 auto; padding:10px }

/* Scoped to ysContainer so they don't bleed to other pages */
.ysContainer img { width:100%; }
.ysContainer p   {text-align:justify; }
.ysContainer h2  { text-align:center; color:#07C; margin-bottom:20px; padding:0; }

@media only screen and (max-width: 790px) {
    .posLeft  { margin-left:2px;  margin-bottom:20px; }
    .posRight { margin-right:2px; margin-bottom:20px; }
    #spacer { display:none; }
    .imageBox { float:none; width:97%; height:300px; margin:5px auto; }
    .ysContainer p { font-size:1.0em;}
}

@media only screen and (max-width: 500px) {
    .imageBox { width:97%; height:250px; }
}