.lock {
    overflow:hidden;
}

.modal-content {
    position:relative;
    display:none;
    width:84%;
    max-width: 640px;
    margin:10px 5%;
    padding:20px 2%;
    background:#fff;
}

.modal-content p {
    margin: 20px10px;
    padding:0;
}
.modal-content ul {
    margin-right: 10px;
    padding:0;
}
.modal-overlay {
    z-index:100;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

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

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

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

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

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