#mask {

    position:absolute;

    left:0;

    top:0;

    z-index:9000;

    background-color:rgba(0, 0, 0, 0.3);

    display:none;

}



#boxes .window {

    position:absolute;

    left:0;

    top:0;

    width:440px;

    height:200px;

    display:none;

    z-index:9999;

    padding:20px;

    border-radius:15px;

    text-align:center;

}



#boxes #dialog {

    width:750px;

    height:420px;

    padding:10px;

    background-color:#ffffff;

    font-family:'Segoe UI Light',sans-serif;

    font-size:15pt;

    z-index: 9999999999999;

    /* position:relative; */

}



#popupfoot {

    font-size:14pt;

    position:absolute;

    bottom:0px;

    width:250px;

    left:250px;

}



.close {

    opacity: 1;

}



@media only screen and (max-width: 600px) {

    #boxes .window {

        position:absolute;

        left:0;

        top:0;

        width:440px;

        height:200px;

        display:none;

        z-index:9999;

        padding:20px;

        border-radius:15px;

        text-align:center;

    }

    

    #boxes #dialog {

        width:300px;

        height:800px;

        padding:10px;

        background-color:#ffffff;

        font-family:'Segoe UI Light',sans-serif;

        font-size:15pt;

    }

  }