@charset "utf-8";
/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
} 

body {
	background: linear-gradient(#eeeeee, #efefef) !important;
}

.logo {
	float: left;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

.login-form {
	float: left;
	width: 100%;
}

@media (min-width: 746px){
	.logo {
		width: 60%;
		margin-left: 20%;
		margin-right: 20%;
	}
	
	.login-form {
		width: 50%;
		margin-left: 25%; 
		margin-right: 25%;
	}
}

@media (min-width: 1024px){
	.logo {
		width: 40%;
		margin-left: 30%;
		margin-right: 30%;
	}
	
	.login-form {
		width: 30%;
		margin-left: 35%; 
		margin-right: 35%;
	}
}