@media screen {
  #videoModal {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s;
    transition: opacity 0.5s ease-in-out, visibility 0.5s;
  }
  #videoModal.active {
    opacity: 1;
    visibility: visible;
  }
  #videoModal .fade-out {
    opacity: 0;
    visibility: hidden;
  }
  #videoModal .modal-dialog,
#videoModal .modal-content {
    height: 100%;
  }
  #videoModal .modal-header {
    text-align: right;
  }
  #videoModal .modal-body {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #videoModal .iframe-wrapper {
    margin-top: -11.25rem;
    max-width: 75rem;
    width: 100%;
  }
  #videoModal .iframe-wrapper #videoIframe {
    height: 37.5rem;
    width: 100%;
  }
}