.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}
img{width:100%}
.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:0 20px}
p{font-size:1.4em; text-align: justify}

h2{text-align: center; color:#07C; font-size:2.0em; margin-bottom:20px; padding:0}

@media only screen and (max-width: 790px) {
    .ysContainer{max-width: 90%; padding-top:15px}
    .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}
    p{font-size:1.0em}
}

@media only screen and (max-width: 500px){
    .imageBox{width:97%; height:250px}
    .ysContainer p{padding:0 10px}
    p{font-size:0.9em}
    h2{font-size:1.5em}
}