@charset "utf-8";
/* CSS Document */

body{background-image:linear-gradient(to right,black, #750000); font-size:18px; color:#fff;}

h2{margin:0 auto; margin-top:60px; font-size:20px; text-align:center;}

.img{margin:0 auto; width:100%; text-align:center; margin:1% 0;}

.img img{width:15%;}

.checkbox{margin:0 auto; margin-top:10px; margin-bottom:10px; text-align:right; width:240px;}

#login{padding:3% 0%; text-align:center; border:none; width:100%; margin:1% auto; color:#FFF; font-weight:bold; font-size:0.6em;}

#login input[type=text]{width:220px; padding:10px; margin-bottom:10px;}

#login input[type=password]{width:220px; padding:10px;}

#login input[type=submit]{width:240px; padding:10px; border:none; background-color:#FFF; color:#000; font-weight:bold;}

clr{clear:both;}

@media only screen and (min-width: 481px) {
	
}
	

@media only screen and (min-width: 769px) {
	
#login{padding:3% 1%; text-align:center; width:85%; margin:1% auto; color:#FFF; font-weight:bold; font-size:14px;}

#login .user_err{float:left; width:40%; padding:0 0 0 10%;}

#login .pass_err{float:left; width:40%; padding:0 0 0 10%;}

#login input[type=text]{width:270px; padding:10px;}

#login input[type=password]{width:270px; padding:10px;}

#login input[type=submit]{width:294px; padding:10px 20px; border:none;}
}