body
{
	background-color : #F5F5F5;
	margin		0;:
}
.login
{
	position	: absolute;
	width		: 18vw;
	height		: 45vh;
	min-width	: 300px;
	min-height	: 450px;
	border-radius	: 5px;
	box-shadow 	: 0px 0px 20px rgba(0,0,0, .1);
	left		: 50%;
	transform	: translateX(-50%);
	top			: 10vh;
	background-color: #FFF;
	padding		: 30px;
}

h1
{
	font-family	: "Open Sans", sans-serif;
	text-align	: center;
	font-size	: 1.4em;
	font-weight	: 400;
	color		: #454545;
	line-height	: 40px;
}

h3
{
	font-family	: "Open Sans", sans-serif;
	text-align	: center;
	font-size	: .9em;
	font-weight	: 300;
	color		: #454545;
	line-height	: 20px; 
}

h2
{
	display		: block;
	margin		: 0px auto;
	width		: 60%;
	border-radius	: 5px;
}
h2 img
{
	width		: 100%;
	height		: auto;
}

.login input[type="text"],
.login input[type="password"]
{
	border	: 1px solid #EEE;
	padding	: 10px;
	font-family	: "Open Sans", sans-serif;
	font-size	: .8em;
	outline		: none;
	width		: calc(100% - 20px);
	margin		: 5px 0;
}
.login input:focus
{
	border		: 1px solid #CCC;
}
label
{
	display		: block;
	margin		: 20px 0;
}
label span
{
	font-family	: "Open Sans", sans-serif;
	font-size	: .8em;
	color		: #454545;
}
span.error
{
	font-family	: "Open Sans", sans-serif;
	font-size	: .8em;
	color		: #E66859;
	text-align	: center;
	display		: block;
	background-color: lemonchiffon;
	padding		: 10px 0;
	width		: calc(70% - 50px);
	margin		: 0px auto;
}
.login .submit
{
	border		: none;
	padding		: 10px;
	font-family	: "Open Sans", sans-serif;
	font-size	: .8em;
	outline		: none;
	width		: calc(70% - 50px);
	margin		: 25px auto;
	color		: #FFF;
	margin-left	: 50%;
	transform	: translateX(-50%);
	background-color	: #E66859;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	-webkit-transition	: all 0.3s;
	transition			: all 0.3s;
}
.login .submit:hover
{
	color		: #FFF;
	background-color: salmon;
}