/*center div*/
.container{
	width:100%;
	max-width:1200px;
	margin:auto;
	}
div.center{
	padding-top:6%;
	width:40%;
	min-width:300px;
	margin:auto;
	margin-bottom:20px;
	}
.logo{
	width:100%;
	height:auto;
	margin:auto;
	border-bottom:1px solid #fff;
	}
.logo img{
	width:75%;
	height:auto;
	margin:auto;
	padding-left:10%;
	}
.center h1{
	width:80%;
	color:#fff;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:130%;
	margin:auto;
	font-weight:Thin 100;
	padding-top:20px;
	}

footer{
	width:100%;
	height:auto;
	 background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    
    clear:both;
    position:absolute;
   bottom:0;
   padding-bottom:20px;
	}
	
section{
	width:30%;
	color:#fff;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:110%;
	float:left;
	margin:auto;
}
section:last-child{
	width:40%;
	}
footer div{
	max-width:1200px;
	margin:auto;
	width:100%;
	}
section h1{
	padding-top:20px;
	width:60%;
	padding-bottom:10px;
	border-bottom:1px solid #fff;
	margin:auto;
}
section h1.smaller{
	font-size:130%;
	padding-bottom:15px;
}
section h2{
	padding-top:10px;
	}
section h2.smaller{
	padding-top:10px;
	font-size:100%;
	width:50%;
	margin:auto;
	}
.user{
	width:100%;
	height:90%;
	position:absolute;
	top:10%;
}
.user2{
	width:100%;
	height:90%;
	position:absolute;
	top:10%;
}
.login{
	width:30%;
	min-width:280px;
	max-width:600px;
	background-color: rgba(0, 0, 0, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	height:200px;
	border:1px solid #fff;
	margin:auto;
	z-index:100;
	}
.login input[type=text]{
	width:90%;
	height:40px;
	margin-bottom:20px;
	border-radius:3px;
	border:1px solid #fff;
	padding-left:10%;
	font-size:100%;
	}
.login input[type=password]{
	width:90%;
	height:40px;
	border-radius:3px;
	border:1px solid #fff;
	padding-left:10%;
	margin-bottom:20px;
	font-size:100%;
	}
.login input[type=submit]{
	width:30%;
	border-radius:3px;
	border:2px solid #fff;
	color:#fff;
	background:transparent;
	height:40px;
	text-align:center;
	font-size:100%;
	margin-left:30%;
	cursor:pointer;
	opacity:1;
	transition:opacity 1s;
	-o-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-webkit-transition:opacity 1s;
	}
.login input[type=submit]:hover{
	opacity:0.6;
	}
input:focus{
	outline:0;
	}
form{
	width:80%;
	margin:auto;
	padding-top:15px;
	}
.x{
	width:20px;
	text-align:center;
	height:20px;
	color:#fff;
	font-family:'Open-sans', sans-serif;
	font-size:70%;
	border:1px solid #fff;
	float:right;
	margin-top:-1px;
	margin-right:-1px;
	cursor:pointer;
	padding-top:5px;
	}
.xx{
	width:20px;
	text-align:center;
	height:20px;
	color:#fff;
	font-family:'Open-sans', sans-serif;
	font-size:70%;
	border:1px solid #fff;
	float:right;
	margin-top:-1px;
	margin-right:-1px;
	cursor:pointer;
	padding-top:5px;
	}
	
.register{
	width:30%;
	min-width:280px;
	max-width:600px;
	background-color: rgba(0, 0, 0, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	height:260px;
	border:1px solid #fff;
	margin:auto;
	z-index:100;
	}
.register input[type=text]{
	width:90%;
	height:40px;
	margin-bottom:20px;
	border-radius:3px;
	border:1px solid #fff;
	padding-left:10%;
	font-size:100%;
	}
.register input[type=password]{
	width:90%;
	height:40px;
	border-radius:3px;
	border:1px solid #fff;
	padding-left:10%;
	margin-bottom:20px;
	font-size:100%;
	}
.register input[type=email]{
	width:90%;
	height:40px;
	border-radius:3px;
	border:1px solid #fff;
	padding-left:10%;
	margin-bottom:20px;
	font-size:100%;
	}
.register input[type=submit]{
	width:35%;
	border-radius:3px;
	border:2px solid #fff;
	color:#fff;
	background:transparent;
	height:40px;
	text-align:center;
	font-size:100%;
	margin-left:30%;
	cursor:pointer;
	opacity:1;
	transition:opacity 1s;
	-o-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-webkit-transition:opacity 1s;
	}
.register input[type=submit]:hover{
	opacity:0.6;
	}
@media (max-width: 1000px) {
	section{
		font-size:80%;
	}
}
@media (max-width: 800px) {
	section{
		font-size:60%;
	}
}
@media (max-width: 600px) {
	section{
		font-size:90%;
		width:90%;
		float:none;
		padding-top:15px;
		
	}
	section h1{
		padding-top:5px;
		}
	footer{
		height:auto;
		font-size:60%;
		padding-bottom:20px;
	
	}
}