.modal-content {
    position:fixed;
    display:none;
    z-index:101;
    width:50%;
    max-width:780px;
    margin:0;
    padding:.3rem !important;
    border:2px solid #aaa;
    background:#fff;
}
@media (max-width: 800px){
    .modal-content {
        padding:.14rem !important;
    }
}

.modal-content h1{
    text-align: center;
}
@media (max-width: 800px){
    .modal-content h1{
        font-size: .16rem;
    }
}

.modal-content p {
    margin:0;
    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-open {
    text-decoration:underline;
}*/

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

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

@media (max-width: 800px){
    .modal-content{
        width: 90%;
    }
    .modal-content p {
        font-size: .12rem;
    }
}