@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,700,800);

body {
	background: #fff;
	color: #030f33;
	font-family: 'Raleway', Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 400;
	position: relative;
}

h1 {
	line-height: 1.4em;
	font-size: 2.2em;
	font-weight: 800;
	margin: 0;
}
h2 {
	font-weight: 500;
	font-size: 1.2em;
}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary.focus:active,
.btn-secondary:active:focus,
.btn-secondary:active:hover {
	background-color: #03febd;
	border-radius: 6px;
	color: #030f33;
	font-weight: 700;
}

/*LOGIN*/
#login {
	padding-top: 8em;
}
	#login #description {
		margin-top: 3em;
	}
		#login #logo {
			margin-bottom: 3em;
			width: 160px;
		}
		#login #description p {
			font-size: 1em;
			font-weight: 500;
			margin-top: 2em;
			max-width: 85%;
		}

		#login .panel {
			box-shadow: none;
		}
			#login .panel-heading h1 {
				line-height: 1.2em;
				font-size: 2.2em;
				font-weight: 800;
				margin: 0;
			}
			#login .panel-body {
				font-size: 0.9em;
				font-weight: 500;
			}
				#login .panel-heading h2 {
					font-weight: 500;
					font-size: 1.1em;
				}
		#login #login-form {
			background: #030f33;
			border-radius: 6px;
			color: #fff;
			font-size: 1em;
			font-weight: 400;
			width: 400px;
		}
			#login #login-form .has-error .help-block {
				color: #e00;
			}

			#login #login-form .alert-success {
				background: #4586F4;
			}

			#login #login-form .panel-heading {
				color: #03febd;
			}
				#login #login-form .panel-heading span {
					color: #fff;
					font-weight: 500;
				}
			#login #login-form .panel-footer {
				color: #fff;
				padding-bottom: 30px;
			}
				#login #login-form a {
					color: #03febd;
				}
			#login #login-form .alert {
				margin: 0 0 20px;
			}

			#login #login-form input[type="email"],
			#login #login-form input[type="password"] {
				background: #7d8396;
				border: 0;
				color: #fff;
			}
			#login #login-form input::placeholder {
				color: #bbb;
			}


/*Footer*/
footer {
	margin-top: 2em;
	text-align: center;
}
	footer span {
		font-weight: 700;
	}
	footer p {
		font-size: 0.8em;
	}
		footer p a,
		footer p a:link,
		footer p a:visited,
		footer p a:hover,
		footer p a:active {
			color: #030f33;

			text-decoration: none;
		}
		footer p i {
			margin-left: 5px;
		}

@media screen and (max-width: 768px) {
	#login #login-form {
		width: 100%;
	}
}