.modal {
    display: block;
    position: fixed;
    z-index: 1;
    right: 5vw;
    top: 15vw;
    width:auto;
    height: auto;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
    box-shadow: 0.5vw 0.5vw 1vw #000;
}

.modal-content {
    height:auto;
    background-color: #FFF;
    /* margin: 15% auto; */
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #888;
    /* width: 40%; */
}

.close {
    color: #aaa;
    margin-left:90%;
    font-size: 1vw;
}

.close:hover,
.close:focus {
    color: black;
    cursor: pointer;
}

.modal h3{
    text-align:center;
    margin-top:-5px;
    margin-bottom:3px;
}

.modal p{
    margin-top:2px;
    margin-bottom:5px;
    font-size:0.8vw;
}

@media screen and (max-width: 480px) {
    .modal {
        display: none !important;
    }
}