#wrapper { width: 100%; margin: 0; padding: 0; height: 100%; background: #f6e3ad; }
.logo { text-align: center; margin-top: 50px; margin-bottom: 50px; }
.logo img { max-width:90%; }
#wrapper .top_bg { background: url(/images/top_bg.png) no-repeat center top; background-size: contain; margin: 0px; padding: 0px; width:100%; height:100%; }
#wrapper .top_bg .bottom_bg { background: url(/images/bottom_bg.png) no-repeat center bottom; background-size: contain; margin: 0px; padding: 0px; width:100%; height:100%; }
#wrapper .siteBox {
	text-align: center;
	max-width:300px;
	margin: 30px auto;
	border-radius: 10px;
	padding: 30px;
	background-size: contain;
}
.student { background:url(/images/box_bg1.png) no-repeat center center; }
.adult { background:url(/images/box_bg2.png) no-repeat center center; }
.siteBox .boxHeader h2 { color:#FFF; font-size:12pt; font-weight:bold; margin: 0; padding: 5px 0 10px 0; border-bottom: solid 2px #FFF; }
.student .boxHeader h2 span { color: #FC0; text-decoration:underline; }
.adult .boxHeader h2 span { color: #F69; text-decoration: underline; }
.siteBox .boxBody { font-size:10pt; padding: 40px 0; color:#FFF; height:160px; }
.siteBox.student .boxFooter .btn { background-color:#d2a800; color:#FFF; }
.siteBox.adult .boxFooter .btn { background-color:#ff6699; color:#FFF; }




@media (min-width: 768px) {
	.logo { text-align: center; margin-top: 100px; margin-bottom: 100px; }
	#wrapper .siteBox {
		text-align: center;
		width: 400px;
		height: 400px;
		margin: 0 auto 100px auto;
		border-radius: 10px;
		padding: 50px;
		background-size: contain;
		max-width: 90%;
	}
	.student { background:url(/images/box_bg1.png) no-repeat center center; }
	.adult { background:url(/images/box_bg2.png) no-repeat center center; }
	.siteBox .boxHeader h2 { color:#FFF; font-size:14pt; font-weight:bold; margin: 0; padding: 10px 0 20px 0; border-bottom: solid 2px #FFF; }
	.student .boxHeader h2 span { color: #FC0; text-decoration:underline; }
	.adult .boxHeader h2 span { color: #F69; text-decoration: underline; }
	.siteBox .boxBody { font-size:12pt; padding: 50px 0; color:#FFF; height:200px; }
	.siteBox.student .boxFooter .btn { background-color:#d2a800; color:#FFF; }
	.siteBox.adult .boxFooter .btn { background-color:#ff6699; color:#FFF; }
}

@media (min-width: 992px) {


}

@media (min-width: 1200px) {


}