body{width:100%; background:#222222; color:#000000; padding-top:50px; margin:0px;}

#global{position:absolute; left:50%; margin-left:-300px; width:600px;}
#main{display:inline-block; float:left; padding:25px; text-align:center; background:#ffffff; border-radius:25px; width:100%;}

.input{width:80%; border-radius:25px; text-align:center; color:#ffffff; background:url(bg.jpg); font-weight:bold; font-style:italic; font-size:2em; margin-bottom:10px;}

.btn{border-radius:25px; text-align:center; color:#ffffff; background:url(bg.jpg); font-weight:bold; font-style:italic; font-size:2em; text-decoration:none; padding:10px;}

#access{width:100%; margin-top:20px; text-align:center; font-weight:bold; font-style:italic; font-size:2em;}

.desc{display:inline-block; float:left; width:60%; border-radius:25px; color:#ffffff; background:orange; font-weight:bold; font-style:italic; font-size:2em; text-decoration:none; padding:10px;}
.inputS{display:inline-block; width:20%; border-radius:25px; text-align:center; color:#ffffff; background:url(bg.jpg); font-weight:bold; font-style:italic; font-size:1.8em; padding:10px;}
.content{text-align:center; color:orange; font-weight:bold; font-style:italic; font-size:2em;}

/* Media Queries */
@media screen and (max-width:800px){
	body{padding:0px;}
	#global{margin-top:50px;}
	#main{width:initial;}
	.input{width:40%; margin-left:10px; margin-right:10px;}
}
@media screen and (max-width:440px){
	body{color:#ffffff;}
	#global{position:initial; width:100%; margin-left:0%; }
	#main{width:100%; padding:0px; background:none;}
	.input{margin-left:0px; margin-right:0px;}
	.content{color:#ffffff;}
	.desc{margin-left:4%;}
}