#page
{
  height: 100%;
  width:100%;
  position: relative;
  overflow: hidden;
}
#content {
  overflow: visible;
}
#page #primary article, #page #primary li
{
  position: relative;
  display: inline-block;
  margin: 16px 0 0 14px;
  padding: 0;
  /* If you don't want the images in the scroller to be selectable, try the following
     block of code. It's just a nice feature that prevent the images from
     accidentally becoming selected/inverted when the user interacts with the scroller. */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
}

.mejs-offscreen {
  display: none;
}
.sibling {
  display: block !important;
}
.done {
  display: none;
}