#overlay {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 850;
  display: block;
  opacity: 0.6;
}
#lightbox {
  width: 500px ;
  margin: auto;
  left: 0 ;
  top: 19% ;
  margin0auto: height: auto ;
  display: block;
  background: #fff;
  z-index: 1000;
  border: none;
}
#lightbox {
  display: block;
}
#lightbox {
  padding: 20px ;
  overflow-y: auto;
  max-height: 600px;
}
@media only screen and (max-width: 992px) {
  #lightbox {
    width: calc(80%);
  }
}
.modal {
  margin: 20px;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.modal > * {
  margin-bottom: 20px;
}
#choicePopin button {
  min-width: 270px;
  cursor: pointer;
  font-size: 1.4rem;
  padding: 10px 30px;
  border-radius: 50px;
  border-color: transparent;
}
@media only screen and (max-width: 400px) {
  #choicePopin button {
    min-width: 210px;
    font-size: 1rem;
  }
}
#choicePopin button:hover,
#choicePopin button:focus {
  text-decoration: underline;
}
/*# sourceMappingURL=modal.css.map */