.box{
	width: 5%;
}

.titolo{
	width: 45%;
}

.timbratura{
	width: 60px;
	margin-top: -36px;
	right: 50px; /*sempre allineata a 50px dal margine destro del rettangolo, inl inea con il testo*/
}


@media (max-width: 2200px) { /*fuchsia*/	
	.titolo{
		/*border: 3px solid fuchsia;*/
	}
}

@media (max-width: 1850px) { /*yellow*/	
	.titolo{
		/*border: 3px solid yellow;*/
		width: 60%;
	}
	.box{
	}
	.timbratura{
		width: 55px;
		margin-top: -45px;
	}
}		

@media (max-width: 1350px) { /*pink*/
	
	.titolo{
		/*border: 3px solid pink;*/
		width: 64%;
	}
	.timbratura{
		width: 55px;
		margin-top: -50px;
	}
}	

@media (max-width: 1200px) { /*orange*/
	
	.titolo{
		/*border: 3px solid orange;*/
		width: 75%;
	}
	.timbratura{
		width: 50px;
		margin-top: -40px;
	}
}

@media (max-width: 1000px){ /*green*/
	
	.titolo{
		/*border: 3px solid green;*/
		width: 80%;
	}
	.box{
		width: 10%;
	}
	.timbratura{
		width: 45px;
		margin-top: -50px;
	}
}

@media (max-width: 850px){ /*aqua*/
	
	.titolo{
		/*border: 3px solid aqua;*/
		width: 80%;
	}
	.box{
		width: 10%;
	}
	.timbratura{
		width: 45px;
		margin-top: -50px;
	}
}	

@media (max-width: 768px) { /*red*/
	
	.titolo{
		/*border: 3px solid red;*/
		width: 90%;
	}
	.box{
		width: 10%;
	}
	.timbratura{
		width: 40px;
		margin-top: -70px;
		right: 30px;  /*per le immagini dei riquadri di DESTRA, mettere right 30px così è allineato al testo che ha padding-right 30px*/
	}
}	
@media (max-width: 570px) { /*brown*/
	.titolo{
		/*color: brown;*/
	}
	.rettangolo_titolo{
		font-size: 11px;
	}
	.rettangolo_scritta{
		font-size: 10px;
	}   /*rettangolo_titolo e rettangolo_scritta personalizzato font-size qui a parte perchè testi molto lunghi*/

}