@charset "utf-8";

#main {
	height: 900px;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -450px;
	margin-left: -600px;
	width: 1200px;
}
#main #text {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #234ea2;
	text-align: center;
}
#main #text a {
	color: #244EA4;
	text-decoration: underline;
}
#main #logo {
	width: 450px;
	margin: 0px auto;
	margin-bottom: 40px;
}

img {
	max-width: 100%;
	height: auto;
}

/**************** CSS for min-width: 767px and max-width: 960px ****************/
@media only screen and ( min-width: 767px ) and ( max-width: 1020px ) {
#main {
	margin-left: -380px;
	width: 760px;
	height: 710px;
	margin-top: -355px;
}
#main #logo {
	width: 350px;
}
#main #text {
	font-size:16px;
}

}

/**************** CSS for max-width: 767px ****************/
@media only screen and ( max-width: 767px ) {
#main {
	margin-left: -250px;
	width: 500px;
	height: 600px;
	margin-top: -300px;
}
#main #logo {
	width: 350px;
}
#main #text {
	font-size:14px;
}
}