.modal-overlay {
   display: none;
   position: fixed;
   top: 0; left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.85);
   z-index: 9998;
   cursor: pointer;
}
.modal-content {    display: none;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 90%;
   max-width: 800px;
   z-index: 101;
   background: transparent;
 }
.video-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.modal-close {    position: absolute;
   top: -56px;
   right: 0;
   width: 48px;
   height: 48px;
   background: none;
   border: none;
   color: #fff;
   font-size: 32px;
   line-height: 1;
   cursor: pointer;
   z-index: 10000;
  } 
.js-modal-open img { cursor: pointer; }