body
{
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: black;
}

.mezz_gameframe
{
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
  overflow: hidden;
  background-color: black;
  color: white;
  padding: 0;
  box-sizing: border-box;
  width:100vw;
  height:100%;
  max-height: 177.77vw;
}

.mezz_fr_safearea
{
  bottom: unset;
}

.mezz_gm_view
{
  width: 100%;
  height: 100%;
  background-color: black;
}

/* Rules for Landscape */
/* Make screens 4:3 or more letterbox to landscape */
@media
only screen and (min-aspect-ratio: 4/3)
{
  .mezz_gameframe
  {
    max-height:59vw;
  }
}