/*! Modals v10.1.2 | (c) 2017 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/modals */
.modal {
  /* background-color: #000; */
  /* border: 0.0725em solid #000; */
  /* border-radius: 0.0725em; */
  /* box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3); */
  display: none;
  /* max-width: 100%; */
  /* padding: 0.5em 1em; */
  visibility: hidden;
  z-index: 2;
  /* margin-left: 20vw; */
}

@media (min-width: 40em) {
  .modal {
    max-width: 98%;
  }
}

.modal.active {
  display: block;
  /* background-color: red; */
  position: fixed;
  margin-left: 10vw;
  margin-bottom: 70vh;
  /* margin-bottom: 80vh; */
  /* width: 20vw; */
  /* left: 0; */
  /* overflow: auto; */
  /* position: fixed; */
  right: 50vw;
  top: 65vh;
  visibility: visible;
  /* -webkit-overflow-scrolling: touch; */
}

/* @media (min-width: 30em) {
  .modal.active {
    height: auto;
    left: 3%;
    margin-left: auto;
    margin-right: auto;
    right: 3%;
    top: 50px;
  }
} */

/* @media (min-width: 40em) {
  .modal.active {
    left: 8%;
    right: 8%;
  }

  .modal.active.modal-medium {
    width: 35em;
  }

  .modal.active.modal-small {
    width: 25em;
  }
} */

.modal:focus {
  outline: none;
}

video {
  width: 20vw;
}