#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  width: 2278px; opacity: 0.6;
 }  

#boxes .window {
  position:absolute;
  left:0;
  top:0;  
  height: 400px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:35%; 
  top: 10%; 
  left: 5%; 
  height:400px;
  padding:20px;
  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;
}

#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;
}


@media only screen and (max-width: 400px) {
    #boxes #dialog {
			width:50%; 
			height:400px;
}
}