body, html {
    height: 100%;
}

body {
	padding: 1rem;

	/* The image used */
	background-image: url("../img/bg-full.jpg");

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

form {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 1rem;
}

form p {
	font-size: 1.2em;
	color: #3e3e3e;
}

.alert {
	background-color: #cc4b37;
	color: white;
	padding: 0.2rem;
}

.form-error {
	margin-top: -0.9rem;
}

@media screen and (min-width: 1000px) {
	
	body {
		padding: 0;
	}

	form {
		width: 35rem;
		float: right;
		margin: 15rem 20rem;
		padding: 4em 3em 2em 3em;
	}

}