.video-container {
  cursor:pointer;
}
.video-player {
  position: fixed;
  top: 89.7px;
  left: 0;
  height: 100vh;
  max-height: calc(100vh - 89.7px);
  background-color: white;
  z-index: -10;
  margin: 0;
  width:100%;
  text-align:center;
  opacity:0;
  transition:opacity .5s;
}

.video-player.visible {
  opacity:1;
  z-index:10;
  transition:opacity .5s;
}

.video-player iframe {
  max-width:1000px;
  width:100%;
  height: calc(100% - 24px - 1em);
}

.video-player .closecross {
  z-index: 12;
  display: block;
  position: fixed;
  top:89.7px;
  width:100%;
  max-width:1125px;
  right:calc(50% - 562.5px);
  width:30px;
  height:30px;
  background: url("../images/cross.c8bcc4436e68.svg");
  background-size:cover;
  cursor: pointer;
}
@media (max-width:1125px) {
  .video-player .closecross {
    right:28px;
  }
}

.video-player label {
  position:fixed;
  bottom:1em;
  width:100%;
  left:0;
  line-height:24px;
}

.video-player label p {
  margin:0;
}