@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

body { 
	font-family: 'Roboto Condensed', sans-serif;
	background: #0c3c60;
}
@media(min-width:765px) {
	.main-div {
		max-width: 38%;
	}	
}
.panel h2{ color:#444444; font-size:18px; margin: 15px 0;} 
.panel p { color:#777777; font-size:14px; margin-bottom:30px; line-height:24px;}
.login-form .form-control {
	background: #f7f7f7 none repeat scroll 0 0;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
}
.main-div {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 2px;
	margin: 0 auto 30px;
	
	padding: 50px;
	padding-top: 20px;
	margin-top: 30px;
}

.login-form .form-group {
	margin-bottom:10px;
}
.login-form{ text-align:center;}
.login-form  .btn.btn-primary {
	background: #0c3c60 none repeat scroll 0 0;
	border-color: #0c3c60;
	color: #ffffff;
	font-size: 14px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0;
}

.botto-text {
	color: #ffffff;
	font-size: 14px;
	margin: auto;
}

.login-form .btn.btn-primary.reset {
	background: #ff9900 none repeat scroll 0 0;
}