.box{
	width: 5%;
}
.titolo{
	width: 50%;
}


.sx .img_svg{
	padding-left: 100px;
}

.dx .img_svg{
	padding-right: 200px;
}

.ricetta_elettronica{
	width: 80px;
	margin-top: -50px;
	right: 50px; /*sempre allineata a 50px dal margine destro del rettangolo, in linea con il testo*/
}



@media (max-width: 2200px) { /*fuchsia*/
	
}

@media (max-width: 1850px) { /*yellow*/
	
	.titolo{
		width: 60%;
	}
	.ricetta_elettronica{
		width: 75px;
		margin-top: -50px;
	}
}		

@media (max-width: 1350px) { /*pink*/
	
	.titolo{
		width: 68%;
	}
	.box{
		width: 10%;
	}
	.ricetta_elettronica{
		width: 75px;
		margin-top: -50px;
	}
}	

@media (max-width: 1200px) { /*orange*/

	.titolo{
		width: 70%;
	}
	.box{
	}
	.ricetta_elettronica{
		width: 70px;
		margin-top: -50px;
	}
}

@media (max-width: 1000px){ /*green*/
	
	.titolo{
		width: 80%;
	}
	.box{
		width: 10%;
	}
	.ricetta_elettronica{
		width: 60px;
		margin-top: -50px;
		right: 35px;  /*per le immagini dei riquadri CENTRALI, mettere right 35px così è allineato al testo che ha padding-right 35px*/
	}
}

@media (max-width: 850px){ /*aqua*/
	
	.titolo{
		width: 80%;
	}
	.box{
		width: 10%;
	}
	.ricetta_elettronica{
		width: 55px;
		margin-top: -50px;
	}
}	

@media (max-width: 768px) { /*red*/
	
	.box{
		width: 10%;
	}
	.titolo{
		width: 90%;
	}
	.ricetta_elettronica{
		width: 55px;
		margin-top: -50px;
		right: 25px;  /*per le immagini dei riquadri CENTRALI, mettere right 25px così è allineato al testo che ha padding-right 25px*/
	}
}	
@media (max-width: 570px) { /*brown*/
	.titolo{
		/*color: brown;*/
	}
	.tessera_sanitaria{
		width: 50px;
		margin-top: -55px;
	}
}