@media (min-width: 576px) {
	body {
		background-image: url("/img/login_bg_blurred.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
	}
	
	.content {
		box-shadow: 4px 0px 12px 0 rgba(0, 0, 0, 0.4), -3px 0px 12px 0 rgba(0, 0, 0, 0.4);
	}
}

body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.content {
	background-color: #f8f8f8;
	min-height: 100vh;
	max-height: auto;
	max-width: 576px;
	margin: auto;
	padding-bottom: 64px;
}

.login-wave {
	margin-left: -0.5px;
	margin-top: -110%;
	width: auto;
	margin-bottom: -90%;
	pointer-events: none;
}

.login-logo {
	width: 70%;
	margin-top: -64px;
	margin-bottom: 124px;
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4)) drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.2));
}

.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.form-control {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#login-submit {
	margin-right: 10%;
}