<style type="text/css">

.container-Box {
	display: flex;
	flex-direction: column;

}

#textA {
	font-family: "Oswald", sans-serif;
	font-size: 32px;
	color: #ffffff;                /* colore */
}
#textB {
	font-family: "Oswald", sans-serif;
	font-size: 32px;
	color: #ffffff;                /* colore */
}
.box-Box {

	display: flex;
	align-items: center;
	width: 100vw;
	/* Larghezza completa */
	min-height: 200px;
	/* Altezza minima per ogni sezione */
	padding: 20px;
	background-color: #000000;
	box-sizing: border-box;
	color: white;
	
}

/* Colori di sfondo diversi per ogni div */
.box-Box:nth-child(1) {
	background-color: #000000;
}

/* Rosso arancio */
.box-Box:nth-child(2) {
	background-color: #000000;
}

/* Blu */
.box-Box:nth-child(3) {
	background-color: #000000;
}

/* Verde */

.box-Box img {
		margin-top: 64px;
	width: 50%;
	height: auto;
	border-radius: 8px;
	margin-right: 20px;
}

.text-Box {
	flex: 1;
}

.text-Box p {
	font-family: "Oswald", sans-serif;
	font-size: 32px;
	font-size: 2rem;
	/*line-height: 4.25rem;*/
	color: #FFFFFF;
	vertical-align: middle;
	letter-spacing: .1em;
	text-transform: uppercase;
	/*text-align: left;*/
}

.text-Box a {
	font-size: 19px;
	font-size: 1.1875rem;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	color: #32CD32;
}

.text-Box z {
	/*specifiche tecniche*/
	font-size: 19px;
	font-size: 1.1875rem;
	font-family: "Oswald", sans-serif;
	color: #ffffff;
}

.text-Box x {
	/*aggiunto da me voce*/
	font-size: 19px;
	font-size: 1.1875rem;
	font-family: "Oswald", sans-serif;
	color: #32CD32;
}
.text-Box y { /*aggiunto da me voce*/
    font-size: 19px;
    font-size: 1.1875rem;
    font-family: "Oswald", sans-serif;
    color: #CCCCCC;
}

.style1 {

	font-size: small;

	color: #CCCCCC;

}

/* Responsive Design */
@media (max-width: 768px) {
	.box-Box {
		flex-direction: column;
		text-align: center;
	}

	.box-Box img {
		margin-right: 0;
		margin-bottom: 15px;
		width: 80%;
		max-width: 250px;
	}
}
</style>
