#modal-background-first {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: .70;
        -webkit-opacity: .7;
        -moz-opacity: .7;
        filter: alpha(opacity=70);
        z-index: 10000;
    }

    #modal-content-first {
        left: 1%;
        margin: 50px 0 0 0px;
        position: absolute;
        width: 98%;
        top: 10%;

        font-family: Verdana, Arial, sans-serif;
        font-size:12px;
        background-color: #ffffff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-shadow: 0 0 10px 0 gray;
        -webkit-box-shadow: 0 0 10px 0 gray;
        -moz-box-shadow: 0 0 10px 0 gray;
        display: none;
        position: fixed;
        z-index: 10001;
    }

    @media only screen and (min-device-width: 768px) {
        #modal-content-first {
            left: 50%;
            margin: 50px 0 0 -200px;
            padding: 20px;
            width: 400px;
        }
    }