body {
	background-image:url(../img/bg.jpg);
	background-position: 50% 44%;
	background-repeat: no-repeat;
	background-color:#2A6DB4;
}
.container {
	padding-top:30px;
}
#login input, #login button {
	margin-bottom:4px;
}
#logo {
	text-align:center;
	margin-top:40px;
}
#logo img {
	width:90%;
}
.loginform {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.well {
	background-color: rgba(255,255,255,0.2);
	border: none;
	border-radius:5px;
}
.well legend {
	color:white;
	border-bottom:none;
	font-size:16px;
}
@media (min-width:400px) {
	#logo img {
		width:80%;
	}
	.loginform {
		margin-top:30px;
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	.well legend {
		color:white;
		border-bottom:none;
		font-size:22px;
	}

}

@media (min-width:600px) {
	#logo img {
		width:400px;
	}
	.loginform {
		margin-top:30px;
		width:50%;
		margin-left:auto;
		margin-right:auto;
	}

}
@media (min-width:800px) {
	#logo img {
		width:400px;
	}
	.loginform {
		margin-top:30px;
		width:40%;
		margin-left:auto;
		margin-right:auto;
	}

}
@media (min-width:1000px) {
	#logo img {
		width:400px;
	}
	.loginform {
		margin-top:30px;
		width:30%;
		margin-left:auto;
		margin-right:auto;
	}

}
@media (min-width:1500px) {
	#logo img {
		width:600px;
	}
	.loginform {
		margin-top:30px;
		width:20%;
		margin-left:auto;
		margin-right:auto;
	}

}