.box{
	width: 5%;
}
	
.titolo{
	width: 40%;
}
.simbolo{
	position: absolute;
}
/*.webapp{
	width: 40px;
	margin-top: -64px;
	margin-left: 550px;
}*/


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

@media (max-width: 1850px) { /*yellow*/
	
	.titolo{
		width: 42%;
	}
	.box{
		width:8%;
	}
	/*.webapp{
		width: 40px;
		margin-top: -70px;
		margin-left: 450px;
	}*/
}		


@media (max-width: 1350px) { /*pink*/
	
	.titolo{
		width: 48%;
	}
	.box{
		width:8%;
	}
	/*.webapp{
		width: 40px;
		margin-top: -70px;
		margin-left: 450px;
	}*/
}	

@media (max-width: 1200px) { /*orange*/
	
	.titolo{
		width: 54%;
	}
	.box{
		width: 10%;
	}
	/*.webapp{
		width: 40px;
		margin-top: -70px;
		margin-left: 370px;
	}*/
}

@media (max-width: 1000px){ /*green*/
	
	.titolo{
		width: 58%;
	}
	.box{
		width: 10%;
	}
	/*.webapp{
		width: 35px;
		margin-top: -70px;
		margin-left: 300px;
	}*/
}

@media (max-width: 850px){ /*aqua*/
	
	.titolo{
		width: 80%;
	}
	.box{
		width: 10%;
	}
	/*.webapp{
		width: 35px;
		margin-top: -64px;
		margin-left: 280px;
	}*/
}	

@media (max-width: 768px) { /*red*/
	
	.box{
		width: 10%;
	}
	.titolo{
		width: 85%;
	}
	/*.webapp{
		width: 35px;
		margin-top: -90px;
		margin-left: 190px;
	}*/
}