#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:550px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
/*#boxes #dialog {
  width:550px; 
  height:auto;
  padding:10px;
  margin-top:150px;
  background-color:#ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}*/
.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}
body{
  background: url('bg.jpg');
}
#lorem{
	font-family: "Segoe UI", sans-serif;
	font-size: 12pt;
  text-align: left;
}
#popupfoot{
	font-family: "Segoe UI", sans-serif;
	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) and (orientation:portrait) {
}




@media (min-width:320px) {

    /* smartphones, iPhone, portrait 480x320 phones */


    #boxes #dialog {
        width: 90%;
        height: auto;
        padding: 10px;
        /*margin-right:20px;*/
        margin-top: 15px;
        margin-right:auto;
        margin-left:auto;
        right:auto;
        left:auto;
        /*margin-left:1px;*/
        background-color: #ffffff;
        font-family: 'Segoe UI Light', sans-serif;
        font-size: 15pt;
        text-align:center;
    }
}

@media (min-width:481px) {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    #boxes #dialog {
        width: 90%;
        height: auto;
        padding: 10px;
        /*margin-left:1px;*/
        /*margin-right:20px;*/
        margin-right:auto;
        margin-left:auto;
        right:auto;
        left:auto;
        margin-top: 15px;
        background-color: #ffffff;
        font-family: 'Segoe UI Light', sans-serif;
        font-size: 15pt;
        text-align:center;
    }
}

@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */

    #boxes #dialog {
        width: 80%;
        height: auto;
        /*padding: 10px;*/
        margin-left:1px;
        margin-top: 150px;
        background-color: #ffffff;
        font-family: 'Segoe UI Light', sans-serif;
        font-size: 15pt;
    }
}

@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */

    #boxes #dialog {
        width: 70%;
        height: auto;
        padding: 10px;
        margin-top: 150px;
        background-color: #ffffff;
        font-family: 'Segoe UI Light', sans-serif;
        font-size: 15pt;
    }
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */

    #boxes #dialog {
        width: 60%;
        height: auto;
        padding: 10px;
        margin-top: 150px;
        background-color: #ffffff;
        font-family: 'Segoe UI Light', sans-serif;
        font-size: 15pt;
    }
}

@media (min-width:1281px) { /* hi-res laptops and desktops */

    #boxes #dialog {
        width: 60%;
        height: auto;
        padding: 10px;
        margin-top: 150px;
        background-color: #ffffff;
        font-family: 'Segoe UI Light', sans-serif;
        font-size: 15pt;
    }
}