@media screen and (max-width: 480px) {
	h1{
		text-align: center;
	}
	
	nav{
		text-align: center;

	}
	nav ul{
		margin: 5px 0 5px 0;
	}
	
	nav ul li{
		padding: 0 5px 0 5px;
		margin: 0 ;
		
	}
	.wrapper{
		padding: 0 15px 0 15px;
	}
	#gallery li a p{
		width: 100%;
		font-size: 1em;
	}
	#contattaci{
		padding: 0;
		margin: 0;
		
	}
	
}

@media screen and (min-width: 480px){
	
}

@media screen and (max-width: 750px){
	nav{
		bottom: 0;
		margin-top: 10px;
	}
	nav ul{
		margin: 5px 0 5px 0;

	}
	
	nav ul li{
		padding: 0 5px 0 5px;
		margin: 0 ;
		
	}
	.wrapper{
		padding: 0 15px 0 15px;
	}
	#gallery li a p{
		width: 100%;
		font-size: 1em;
	}
	
}