body {
  background-color: black;
  min-width: 100vw !important;
}
#navshape {
  display: none;
  opacity: 0;
  width: 51.4vh;
  margin: 33.9vh 0 0 -26.2vh;
}
.bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
}
#bgs {
  opacity: 1;
}
#greenBG {
  background-color: #c0ffef;
}
#pinkBG {
  background-color: #ffeffe;
}
img {
  position: absolute;
  left: 43vw;
  top: 50vh;
}
.neon {
  width: 61.8vw;
  margin: -30.9vw 0 0 -24.1vw;
  mix-blend-mode: color-dodge;
  opacity: 0;
}
.pinkNeon,
.greenNeon {
  opacity: 0;
}
.liz {
  width: 61.8vw;
  margin: -30.9vw 0 0 -24.2vw;
}
#lizNeon {

}
.bo {
  width: 61.8vw;
  margin: -30.9vw 0 0 -24.4vw;
}
#boNeon {

}
#title {
  width: 61.8vw;
  margin: -31.6vw 0 0 -23.6vw;
}

#nav {
  position: absolute;
  width: 10vw;
  height: auto;
  left: 50vw;
  top: 50vh;
  margin: 27vw 0 0 -14.2vw;
}
#nav svg {
  position: absolute;
  width: 3.7vw;
}
.about {
  margin: 0 0 0 -4vw;
}
.history {
  margin: 0 0 0 0.6vw;
}
.explore {
  margin: 0 0 0 4.7vw;
}
.archive {
  margin: 0 0 0 9vw;
}
.calendar {
  margin: 0 0 0 13.6vw;
}
.apply {
  margin: 0vw 0 0 18.2vw;
}
.contact {
  margin: 0vw 0 0 23vw;
}
.shop {
  margin: 0 0 0 27.7vw;
}

.page {
  background-size: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  display: none;
}
.intitle {
  position: absolute;
  right: 110.3px;
  top: 58vh;
  width: 636px;
  font-family: sans-serif;
  font-weight: bold;
  font-style: oblique;
  color: white;
  font-size: 35px;
  text-transform: uppercase;
  text-shadow: 0px 0px 64px black;
  z-index: 0;
}
.description {
  position: absolute;
  right: 110px;
  top: 64vh;
  width: 636px;
  color: white;
  font-family: sans-serif;
  font-weight: 600;
  text-shadow: 0px 0px 64px black;
  z-index: 1;
}

iframe {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0px;
  top: 0px;
}

.aboutDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100vh;
  overflow: hidden;
}
#aboutDiv1 {
  width: 51vw;
}
#aboutDiv2 {
  width: 100vw;
}
#aboutDiv1 .vid {
  height: 84.8vw;
  right: -84.3vw;
  top: -3.9vw;
  left: unset;
}
#aboutDiv2 .vid {
  height: 88vw;
  right: -0.8vw;
  top: -12.8vw;
  left: unset;
}
/*
#aboutPage .intitle {
  left: 41vw;
  width: 20vw;
  text-align: center;
}
#aboutPage .description {
  left: 46.2vw;
  width: 49vw;
}
*/
#lizboController {
  position: absolute;
  left: 45.7vw;
  top: 64px;
  width: 636px;
  font-family: sans-serif;
  font-weight: bold;
  font-style: oblique;
  color: white;
  font-size: 3.5vw;
  text-transform: uppercase;
  text-shadow: 0px 0px 64px black;
  cursor: default;
}
.arrow {
  opacity: 1;
  left: unset;
  top: unset;
  width: 2.5vw;
}
.arrow[name="left"] {
  margin: 11.1px 0px 0px -2.7vw
}
.arrow[name="right"] {
  margin: 11.1px 0px 0px 0.2vw;
}

#workshops {
  background-color: none;
  position: absolute;
  left: 18.7vw; top: 50vh;
  width: 61.8vw;
  height: 61.8vw;
  margin: -30.9vw 0 0 0;
  transform: rotate(180deg);
}
.workshop {
  top: 46px;
  left: 0px;
  width: 10vw;
}
.wsDiv {
  position: absolute;
  height: 100vh;
  width: 78.5vw;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.wsCover {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100vw;
}
/*
#papa-1-div {
  left: 21vw;
}
#misa-1-div {
  left: 16.8vw;
}
#juls-1-div {
  left: 12.6vw;
}
#liony-1-div {
  left: 8.4vw;
}
#jenna-1-div {
  left: 4.2vw;
}
#roy-1-div {
  left: 0vw;
}
*/
#misa-1-cover {
  margin: 0 0 0 6vw
}
#liony-1-cover {
  margin: 0 0 0 -13vw;
}
#juls-1-cover {
  margin: 0 0 0 8vw;
}
#juls-2-cover {
  margin: 0 0 0 -6vw;
}
#exile-2-cover {
  margin: 0 0 0 -4vw;
}
/*
.papa-1 {
  margin: 59vh 0px 0px 2vh;
}
.misa-1 {
  margin: 29vh 0 0 -10vh;
}
.juls-1 {
  margin: -5.4vh 0 0 12vh;
}
.liony-1 {
  margin: -4.3vh 0px 0px 54vh;
}
.jenna-1 {
  margin: 28vh 0 0 73vh;
}
.roy-1 {
  margin: 59vh 0px 0px 62vh;
}
.exile-1 {
}
*/
/*@media (orientation: landscape) { */
  img {
    left: 50vw;
    top: 43vh;
  }
  #circleFast,
  #circle {
    width: 152vh;
    margin: -35vh 0 0 -76.6vh;
    mix-blend-mode: screen;
    filter:         url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray;
  }
  #circlewrap {
    position: absolute;
    height: 214px;
    width: 241px;
    left: 0px;
    top: 0px;
    overflow: visible;
  }
  .neon {
    width: 78.8vh;
    margin: -31.9vh 0 0 -39.4vh;
  }
  .liz {
    width: 78.8vh;
    margin: -31.9vh 0 0 -39.4vh;
  }
  .bo {
    width: 78.8vh;
    margin: -31.9vh 0 0 -39.4vh;
  }

  #title,
  #portraitCover {
    width: 78.8vh;
    margin: -31.9vh 0 0 -39.4vh;
    height: 6.8vh;
    position: absolute;
    left: 49.6vw;
    top: 83.5vh;
    font-weight: bold;
    text-align: center;
    font-size: 3.6vh;
    font-family: sans-serif;
    color: white;
  }
  .titleGreen {
    color: #4bffc5;
  }
  .titlePink {
    color: #fdc3ff;
  }
  .pageTitle {
    font-size: 5vh !important;
    text-transform: uppercase;
  }
  .leftTitle {
    font-size: 10px !important;
    width: 197px !important;
    margin: 109px 0 0 20px !important;
    left: 0px !important;
    top: 0px !important;
    cursor: default;
  }
  .pageTitleLeft {
    text-transform: uppercase;
    font-size: 15px !important;
    margin: 105px 0 0 20px !important;
  }

  #logoCover {
    position: absolute;
    width: 221px;
    height: 206px;
    left: 21px;
    top: 8px;
  }

  #nav {
    width: 10vh;
    height: auto;
    left: 50vw;
    top: 50vh;
    margin: 33vh 0 0 -17vh;
  }
  #navshape {
    display: block;
    opacity: 0;
    width: 51.4vh;
    margin: 33.9vh 0 0 -26.2vh;
  }
  #nav svg {
    width: unset;
    height: 5.7vh;
  }
  .about {
    margin: -2vh 0 0 -5vh;
  }
  .history {
    margin: 1vh 0 0 0.6vh;
  }
  .explore {
    margin: 2vh 0 0 5.7vh;
  }
  .archive {
    margin: 3vh 0 0 10.7vh;
  }
  .calendar {
    margin: 3vh 0 0 16.5vh;
  }
  .apply {
    margin: 2vh 0 0 22.2vh;
  }
  .contact {
    margin: 1vh 0 0 27.5vh;
  }
  .shop {
    margin: -2vh 0 0 33.1vh;
  }
  .vid {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100vh;
    min-width: 100vw;
  }
  #workshops {
    left: 50vw;
    top: 10vh;
    width: 78.8vh;
    height: 78.8vh;
    margin: -1vh 0 0 -39.4vh;
  }
  .workshop {
    top: 0px;
    left: 0px;
    width: 14vh;
  }
  .wsDiv {
    background-color: white;
  }
  .wsButton {
    height: 48px;
    position: fixed;
    top: 52vh;
    left: unset;
  }
  .pos-1 {
    right: 693px;
  }
  .pos-2 {
    right: 653px;
  }
  .pos-3 {
    right: 616px;
  }
  .pos-4 {
    right: 568px;
  }
  .documentation {
    height: 41px;
    margin: 2px 0 0 0;
  }
  .form {
    height: 40px;
    margin: 2px 0 0 0px;
  }
  .website {
    width: 29px;
    margin-right: -6px;
    margin-top: -2px;
  }
  #lightbox {
    position: absolute;
    left:0px;
    top:0px;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
    z-index: 2;
    display: none;
  }
  #underlay {
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0px;
    top: 0px;
  }
  #lightbox img {
    position: absolute;
    width: 60vw;
    top: 50vh;
  }
  #loadCover {
    position: absolute;
    left:0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
    z-index: 2;
    display: none;
  }
/*}*/

@media (orientation: portrait) {
  .title,
  #nav {
    display: none !important;
  }
  #portraitCover {
    display: block !important;
  }
  body,
  .bg {
    width: 100% !important;
  }
}