.lock {
    overflow:hidden;
}

#modal-target {
  display: none;;
  position: relative;
  width:70%;
  border:2px solid #aaa;
  background:#fff;
}

.modal-overlay {
    z-index:9998;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    z-index:9999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

.modal-open {
    color:#000;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#666;
}

.modal-close {
    color:#000;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#666;
}

@media screen and (max-width: 559px) { 
#modal-target {
  display: none;;
  position: relative;
  width:90%;
  border:2px solid #aaa;
  background:#fff;
}
}
@media screen and (min-width:560px) and (max-width:959px) {
#modal-target {
  display: none;;
  position: relative;
  width:95%;
  border:2px solid #aaa;
  background:#fff;
}
}