@media all {
  ._popin-container .popin {
    max-height: calc(100vh - 90px);
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    background-color: white;
  }
  ._popin-container .popin .intro {
    margin-bottom: 3em;
  }
  ._popin-container .popin .intro .title {
    color: #100D4B;
  }
}
@media (min-width: 1025px) {
  ._popin-container .popin {
    width: 1000px;
    padding: 50px 100px;
  }
  ._popin-container .popin.small {
    width: 650px;
  }
  ._popin-container .popin.tiny {
    width: 450px;
  }
  ._popin-container .popin .intro .title {
    font-size: 40px;
  }
}
@media (max-width: 1024px) {
  ._popin-container .popin {
    width: calc(100vw - 2*30px);
    padding: 30px 35px;
    max-width: 460px;
  }
  ._popin-container .popin .intro .title {
    font-size: 20px;
  }
}