.jquery-modal {
    z-index: 1000;
}

.modal {
    max-width: 800px;
}

@media screen and (max-width: 640px) {
    .modal {
        max-width: 90%;
    }
}

.modal-content h1 {
    position: relative;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: center;
    color: #2c97d3;
}

.modal-content h1:after {
    content: "";
    position: absolute;
    border-top: 2px solid #000000;
    left: 42%;
    bottom: 0;
    width: 15%;
    height: 0;
}

.modal-content h2 {
    font-size: 1.2rem;
    padding-top: 1.5rem;
    color: #2c97d3;
}

.modal-content h2,
.modal-content h3 {
    text-align: left;
}

.modal-content p {
    color: #b2b2b2;
}

.modal-content p strong{
    padding-top: 1rem;
    color: #000000;
}

.modal-content ul,
.modal-content li {
    font-size: 1rem;
    color: #b2b2b2;
}

.modal-content a {
    color: #2c97d3;
    text-decoration: none;
}

.modal-content-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

@media screen and (max-width: 800px) {
    .modal-content-container div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .modal-content-container div p{
        text-align: center;
    }
}