*{margin:0; padding:0}
body{background:#294072; font-family: 'Titillium Web', sans-serif; padding-top:100px;}
.form{width:400px; margin:0 auto; background:#1C2B4A; margin-top:10px;}
.error{width:400px; margin:10px auto; background:#f0ad4e; text-align:left;}
.error h4{font-size:17px; line-height:50px; color:#fff; font-weight:400; padding-left:15px;}
.header{height:70px; background:#17233B;}
.header h2{line-height:70px; color:#fff; text-align:center; font-size:25px;}
.login{padding:0 20px;}
.login span.un{width:10%; text-align:center; color:#0C6; border-radius:3px 0 0 3px}
.text{background:#12192C; width:85%; border-radius:0 3px 3px 0; padding-left:10px; border:none; outline:none; color:#999; font-family: 'Source Sans Pro', sans-serif} 
.text,.login span.un{display:inline-block; vertical-align:top; height:50px; line-height:50px; background:#12192C;}

.btn{height:40px; border:none; background:#0C6; width:100%; outline:none; font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight:bold; color:#eee; border-bottom:solid 3px #093; border-radius:3px; cursor:pointer}
ul li{height:50px; margin:25px 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}
@media(max-width:767px){
.form{width:95%; margin-top:10px; max-width:400px;}
.error{width:95%;margin-top:50px; max-width:400px;}
}