#city .parallex {
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -moz-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -ms-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -o-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
}
#city .buildings {
  position: absolute;
  top: calc(50% + 40vh);
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#city .tower {
  position: absolute;
  width: 100px;
  top: calc(50% + 38vh);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#city .mountains {
  position: absolute;
  top: calc(50% + 25vh);
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#city .sky {
  position: absolute;
  top: calc(50% - 12vh);
  left: 50%;
  max-width: unset;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#city .text {
  position: absolute;
  z-index: 3;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}