body {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	background-color: white;
	color:white
}

h3, h2, b ,ul, p {
	color: black;
	font-family:  Verdana, Arial, sans-serif;
}

footer {
  display: flex;
  margin-left: 8px;
  margin-right: 8px;
}

.content {
	display: flex;
	flex-direction: row;
}

.content2 {
	display: flex;
	flex-direction: column;
}

.logo, .titolo {
	text-align: center;
}

.verde {
	display: flex;
    flex-direction: column;
	background-color:green;
	text-align: center;
    vertical-align: top;
	height: 120.8667px;
}

.standard {
	color: black;
	text-align: justify;
}

.parte1 {
	display: flex;
	flex-direction: row;
	margin-right: 8px;
	margin-left: 8px;
}

.torbidimetro{
	width: 352px;
	height: 253px;
	margin: 10px;
}

.torbidimetro2{
	max-width: 400px;
	max-height: 400px;
	margin: 10px;
}

.parte2 {
	display: flex;
	flex-direction: row;
	margin-right: 8px;
	margin-left: 8px;
}

.finale {
	color:red;
}

.spray-ball {
	color: blue;
	text-align: justify
}

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

/* Responsive di sto cazzo */

@media screen and (max-width: 625px) {
	h2 {
		text-align: center;
	}
	.content {
		flex-direction: column;
	}
	.parte1 {
		margin-right: 8px;
		margin-left: 8px;
	}
	.torbidimetro {
		align-self: center;
	}
	.coronavirus {
		max-width: 500px;
	}

	.parte2 {
		margin-right: 8px;
		margin-left: 8px;
	}
    .verde {
		height: 95px;
	}
}

@media screen and (max-width: 380px) {
	footer {
		flex-direction: column;
	}
}

@media screen and (max-width: 380px) {
	.verde {
		height: 130px;
	}
}