body {
	background-color: #ddd !important;
	/* inserire sfondo */
	background-position: center;
	background-repeat: no-repeat;
	/*  */
	font-family: calibri;
}

a {
	color: #009846;
}

.container {
	max-width: 100%;
}

.logo>img {
	max-width: 70%;
}

.wrapper {
	margin: auto;
	width: 50vw;
	height: 100vh;
	padding: 1em 2em 1em 2em;
	background-color: rgba(255, 255, 255, 0.5);
	border: 3px solid rgba(255, 255, 255, 0.5);
	text-align: center;
}

.form-control {
	border: 2px solid #66B8D7 !important;
	border-radius: 10px;
}

.form-control:focus {
	box-shadow: 0 0 0 .2rem RGBA(243, 189, 0, 0.25);
}

.form-control::placeholder {
	text-align: center;
}

.campi {
	max-width: 40%;
	margin-left: 30%;
}

.alert-danger {
	background-color: #dc3545;
	color: white;
}

#submit {
	border: 2px solid #66B8D7 !important;
	background-color: #66B8D7;
	color: #000000 !important;
	border-radius: 10px;
}

#submit:focus {
	box-shadow: none;
}

#submit:hover {
	border: 2px solid #66B8D7 !important;
	background-color: #222;
	color: #66B8D7 !important;
	border-radius: 10px;
}

@media screen and (max-width: 992px) {
	.wrapper {
		width: 80vw;
	}
}

@media screen and (max-width: 600px) {
	.campi {
		max-width: 100%;
		margin: 0;
	}
}