.modal-content {
    text-align:center;
    position:fixed;
    display:none;
    z-index:2;
    width:50%;
    margin:0;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
}

@media screen and (max-width: 768px){
.modal-content {
    width:80%;
    padding:30px 20px;
}
.modal-content img{width:94%;}
}



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

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

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

a.modal-close {
    position:absolute;
    top:0;
    right:10px;
    color:#333333;
    font-size:35px;
    line-height:1;
    text-decoration:none
}


.modal-close:hover {
    cursor:pointer;
}