body.fullscreen {
  margin:0;
  padding:0;
}

.aspect-responsive.fullscreen {
  position:relative;
  width:100%;
  height:100%;
  margin: auto auto;
}

.aspect-container {
  overflow:hidden;
  position:relative;
  height:0;
}

.aspect-responsive.fullscreen .aspect-container {
  position: absolute;
  width:100%;
  margin: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* landscape */

.aspect-1-1.fullscreen {
  max-width:100vh;
}
.aspect-1-1 .aspect-container {
  padding-bottom:100%;
}

.aspect-4-3.fullscreen {
  max-width:133vh;
}
.aspect-4-3 .aspect-container {
  padding-bottom:75%;
}

.aspect-3-2.fullscreen {
  max-width:150vh;
}
.aspect-3-2 .aspect-container {
  padding-bottom:66.66%;
}

.aspect-5-3 .aspect-container {
  padding-bottom:60%;
}

.aspect-16-9 .aspect-container {
  padding-bottom:56.25%;
}

.aspect-2-1 .aspect-container {
  padding-bottom:50%;
}

.aspect-19_5-9 .aspect-container {
  padding-bottom:46.15%;
}

/* portrait */

.aspect-9-16 .aspect-container {
  padding-bottom:178%;
}

.aspect-2-3 .aspect-container {
  padding-bottom:150%;
}

.aspect-3-4 .aspect-container {
  padding-bottom:133%;
}

.aspect-container canvas {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

canvas {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

.touchable {
  touch-action: none;
  -ms-touch-action: none;
}