#boxes .window,
#mask {
	position: absolute;
	left: 0;
	top: 0;
	display: none
}

#boxes .window,
.maintext {
	text-align: center
}

#popupfoot a,
.maintext {
	text-decoration: none
}

#mask {
	z-index: 9000;
	background-color: #000
}

#boxes .window {
	width: 440px;
	height: 200px;
	z-index: 9999;
	padding: 20px;
	border-radius: 15px
}

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

#lorem,
#popupfoot,
.maintext {
	font-family: "Segoe UI", sans-serif
}

body {
	background: url(bg.jpg)
}

.agree:hover,
.popupoption:hover {
	background-color: #D1D1D1
}

#lorem {
	font-size: 12pt;
	text-align: left
}

#popupfoot {
	font-size: 16pt;
	padding: 10px 20px
}

.popupoption:hover {
	color: green
}

.popupoption2:hover {
	color: red
}

@media only screen and (max-width: 600px) {
  #boxes #dialog {
	width: 80%;
}
}