@media all and (max-width: 767px) {
    /* popup link size  and color */
    .modal-content a,
    .modal-content a:visited {
        color: white;
        font-size: 16px;
    }

    /* background-color*/
    .modal-content {
        background-color: black;
    }

    .modal ul > li {
        display: inline-block;
        padding: 5px;
        width: 50%; /* 2 links per row */
    }

    /* other stuff */
    .modal ul {
        vertical-align: top;

    }

    .modal-content {
        margin: 6% auto; /* 15% from the top and centered */
        padding: 10px;
        width: 80%; /* Could be more or less, depending on screen size */

    }

    #cities .modal-content {
        width: 80%; /* Could be more or less, depending on screen size */

    }

    .modal-body {
        max-height: 75vh;
    }
}