*{
	margin:0; 
	padding:0;
}
body{
	background: url('../images/bg.jpg') no-repeat center center fixed; 
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.pagewrap{
	width: 980px;                          
	margin:auto;
}
.top{
	text-align: center;
	margin:120px 0px 0px 0px;
}
h2{
	color: #fff;
	margin:10px 0px 0px 0px;
	font-size: 30px;
}
.form{
	width:400px; 
	margin:0 auto; 
	background:#fff; 
	margin-top:30px;
  	opacity: .8;
	border-radius: 20px 20px 20px 20px;
}
.header{
	height:30px; 
	background:#fff;
	border-radius: 20px 20px 20px 20px;
}
.header h2{
	height:44px; 
	line-height:44px; 
	color:#fff; 
	text-align:center;
}
.login{
	padding:0 20px;
}
.login span.un{
	width:10%; 
	text-align:center; 
	color:#000; 
	border-radius:3px 0 0 3px;
}
.text{
	background:#000; 
	width:90%; 
	border-radius:0 3px 3px 0; 
	border:none; outline:none; 
	color:#999; 
	font-family: 'Source Sans Pro', sans-serif;
} 
.text,.login span.un{
	display:inline-block; 
	vertical-align:top; 
	height:40px; 
	line-height:40px; 
	background:#12192C;
}

.btn{
	height:40px; 
	border:none; 
	background:#0099cc; 
	width:100%; 
	outline:none; 
	font-family: 'Source Sans Pro', 
	sans-serif; 
	font-size:20px;  
	color:#fff; 
	border-bottom:solid 3px #006699; 
	border-radius:3px; cursor:pointer;
}
ul li{
	height:40px; 
	margin:15px 0; 
	list-style:none;
}
.span{
	display:table; 
	width:100%; 
	font-size:14px;
}
.ch{
	display:inline-block; 
	width:50%; 
	color:#CCC;
}
.ch a{
	color:#CCC; 
	text-decoration:none;
}
.ch:nth-child(2){
	text-align:right;
}

/*social*/

.social{
	height:60px; 
	line-height:30px; 
	display:table; 
	width:100%;
}
.social div{
	display:inline-block; 
	width:100%;
	color:#eee; 
	font-size:12px; 
	text-align:center; 
	border-radius:3px;
	margin-top: 10px;

}
.social div i.fa{
	font-size:16px; 
	line-height:30px;
}
.fb{
	background:#3B5A9A; 
	border-bottom:solid 3px #036;
} 
.tw{
	background:#2CA8D2; 
	border-bottom:solid 3px #3399CC;
}
.google{
	background:#d81616; 
	border-bottom:solid 3px #900303; 
	margin-right: 5%;
}
.linkedin{
	background:#005cba; 
	border-bottom:solid 3px #002075;
}

@media only screen and (min-width: 150px) and (max-width: 960px){
body{
	clear: both;
	}
.pagewrap{
 	width:95%;
 	margin: 0 auto;
 	font-size: 90%;
 }
.form{
  	width:95%;
  	height: 80%;
  }
.social div{
	width: 100%

}

@media only screen and (min-width: 320px) and (max-width: 480px){
body{
	clear: both;
	}
.pagewrap{
 	width:95%;
 	margin: 0 auto;
 	font-size: 90%;
 }
.form{
  	width:95%;
  	height: 80%;
  }
.social div{
	width: 100%
}
.top{
	text-align: center;
	margin:100px 0px 0px 0px;
}



}
