.modal {
visibility: hidden;
position: fixed;
top:0;
left:0;
z-index: 999;
width: 100%;
height: 100%;
overflow-x:hidden;
overflow-y:auto;
transition: 0.5s;
}

.modalOn {
  visibility: visible;
  background: rgb(0,0,0,0.8);
  transition: 0.5s;
}

.modal_inner {
  max-width: 1024rem;
  margin: 0 auto;
}


.modalContent {
  display: none;
  transition: 50s;
    min-height: 500px;
}

.modalContentOn {
  display: block;
  transition: 50s;
}

.modalClose {
  font-size: 24rem;
  color:white;
  margin-top: 50rem;
  text-align: right;
}