#menu_account a {
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 16px;
	font-size: 15pt;
	line-height: 30px;
	color: white;
	text-decoration: none;
	border-radius: 20px;
	background-color: #4DA8DA;
	height: 30px;
}

#login {
	margin-top: 30px;
	padding-top: 2px;
	padding-bottom: 10px;
	background-color: #203647;
	border-radius: 20px;
	/*-moz-box-shadow: 0px 5px 50px 0px #203647;
	-webkit-box-shadow: 0px 5px 50px 0px #203647;
	-o-box-shadow: 0px 5px 50px 0px #203647;
	box-shadow: 0px 5px 50px 0px #203647;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#203647, Direction=180, Strength=50);*/
}

#login_title {
	margin-left: 20px;
	margin-right: 20px;
}

#wrapper {
	width: 100%;
	margin: 40px 0px;
}

#wrapper input:not(:first-child) {
	margin-top: 20px;
}

input {
	-webkit-appearance: none;	
	background-color: #203647;
	color: white;
}

.login_input {
	display: block;
	margin: auto;
	width: 50%;
	height: 50px;
	border: none;
 	border-bottom: 2px solid #E6E6E6;
 	font-size: 1em;
 	line-height: 35px; 	
}

input:focus {
	outline: none;
}

.success, .error {
	margin: 20px auto;
	text-align: center;
	color: green;
}

.error {
	color: red;
}

#forgotten_password {
	margin: 40px auto;
	text-align: center;
}

#connection_buttons {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin: 40px 10px 20px 10px;
}

.connection_button {
	width: 40%;
	height: 35px;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Roboto', -apple-system, 'open_sansregular', serif;
	background-color: #4DA8DA;
	text-decoration: none;
	text-align: center;
	border-radius: 20px;
	border: none;
}

.connection_button:hover {
	background-color: #007CC7;
	-webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}


@media all and (max-width: 510px) {
	.connection_button {
		height: 70px;
	}
}

@media all and (max-device-width: 480px) {
	#login {
		padding-top: 4px;
		padding-bottom: 10px;
	}

	#login_title {
		margin-top: 40px;
		margin-left: 60px;
		margin-right: 60px;
	}

	#login p {
		margin-left: 40px;
		margin-right: 40px;
		margin-top: 70px;
	}

	#wrapper {
		margin: 80px 0px;
	}

	.login_input {
		width: 85%;
		height: 100px;
		font-size: 2em;
	 	line-height: 85px;
	}
	
	#forgotten_password {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	#connection_buttons {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 100px 10px 40px 10px;
	}

	.connection_button {
		display: block;
		margin: 20px auto;
		height: 80px;
		width: 90%;
		line-height: 80px;
		border-radius: 80px;
		font-size: 2em;
	}

	#connection_button1	{
		margin-top: 0px;
	}
}