body {
	background: url('https://images.unsplash.com/photo-1445452916036-9022dfd33aa8?auto=format&fit=crop&w=1953&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D');
	background-size: cover;
	text-align: center;
}

a {
	text-decoration: none;
}
			
#login {
	display: inline-block;
	background: white;
	left: 30%;
	padding-left: 80px;
	padding-right: 80px;
	border-radius: 4px;
	margin-top: 10em;
	padding-bottom: 50px;
	padding-top: 60px;
	font-family: 'Josefin Sans' !important;
}
			
#login h1 {
	text-align: left;
	color: grey;
    font-family: 'Josefin Sans' !important;
}
			
#login input {
	display: block;
	padding: 16px;
	margin-bottom: 30px;
	border-radius: 24px;
	border: 1px solid grey;
	font-size: 1.4em;
	font-family: 'Josefin Sans';
    min-width: 350px;
    width: 100% !important;
}
			
#login button {
	border-radius: 24px;
	border: 0px solid grey;
	font-size: 2em;
	width: 100%;
	padding: 10px;		
	background: #4ECDC4;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #5681AF, #4ECDC4);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #5681AF, #4ECDC4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: white;
	font-family: 'Josefin Sans';
	padding-top: 13px;
	padding-bottom: 13px;
	margin-top: 35px;			
}
			
#login button:hover {
	background: #5681AF;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #415C78, #3C9791);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #415C78, #3C9791); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	cursor: pointer;
}

#login h1#logo {
	color: #F6CD61 !important;
	font-family: 'Abril Fatface' !important;
	font-size: 4em !important;
	text-align: center !important;
	margin-top: 0 !important;
}

#message {
	color: red;
	font-size: 20px;
}
			
@media screen and (max-width: 1000px) {
	body {
        background-size: cover;
    }
}