#modal_screen {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3100;
    background-color: rgba(0,0,0,.9);
}

    #modal_screen.nope {
        background-color: rgba(0,0,0,1);
    }

#modal_content {
    position: fixed;
    z-index: 3101;
    margin: 0 auto;
    background-color: #000;
    border: 3px solid #D7AB5B;
    width: auto;
    max-width: 290px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
}

    #modal_content .content_wrapper {
        padding: 20px;
        margin: 0 auto 0;
        text-align: center;
    }

    #modal_content h2 {
        font-size: 1.6em;
    }

    #modal_content p {
        font-size: 1.1em;
    }

    #modal_content div ul {
        padding: 0;
    }

    #modal_content div li {
        display: inline-flex;
        width: 48%;
        padding: 5px;
    }

    #modal_content a.button {
        width: 100px;
        margin: 10px auto;
        background: #F8C934;
        color: #1B1B1B;
        text-decoration: none;
        -moz-transition: color .5s ease-in;
        -webkit-transition: color .5s ease-in;
        -o-transition: color .5s ease-in;
        -moz-transition: background .15s ease-in;
        -webkit-transition: background .15s ease-in;
        -o-transition: background .15s ease-in;
        border-radius: 40px;
    }

    #modal_content a.notEligible {
        background: #777777;
    }

    #modal_content a.button:hover {
        background: #575760; color: #FFF;
    }