/* Style for OC pages */
/* For large screens allow two images side by side */

img.i1 {
  border: 0px;
  width: 48vw;
  height: 34vw;
}

video.v1 {
  border: 0px;
  width: 48vw;
  height: 34vw;
}

/* If the screen is large enough define a space the size of a picture */
.space{
  width:48vw;height:34vw;border-style:none;display:inline-block;
} 

/* For smaller screens allow one column of images */

@media screen and (max-width: 700px) {

  img.i1 {
    border: 0px;
    width: 96vw;
    height: 68vw;
  }

  video.v1 {
    border: 0px;
    width: 96vw;
    height: 68vw;
  }

/* For smaller screens define a space of zero size */
  .space{
    width:0px;height:0px;border-style:none;display:inline-block;
  } 
}