body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.Desktop {
  position: absolute;
  width: 100%;
  height: 95%;
  top: 5%;
  overflow: hidden;
}
.Mobileportrait {
  width: 320px;
  height: 568px;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto auto;
  visibility: hidden;
  opacity: 0;
}
.Mobilelandscape {
  width: 568px;
  height: 320px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  visibility: hidden;
  opacity: 0;
  margin: auto auto;
  position: absolute;
}
.Tabletportrait {
  width: 450px;
  height: 600px;
  top: -5%;
  left: 0px;
  bottom: 0px;
  right: 0px;
  visibility: hidden;
  opacity: 0;
  margin: auto auto;
  position: absolute;
}
.Tabletlandscape {
  width: 600px;
  height: 450px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  visibility: hidden;
  opacity: 0;
  margin: auto auto;
  position: absolute;
}

.Mobileportrait img,
.Mobilelandscape img,
.Tabletportrait img,
.Tabletlandscape img {
  width: 100%;
  height: 100%;
}
.played {
  z-index: 2;
}
.videoclose {
  display: none;
  z-index: 9;
}