header {
	width: 100%;
	padding: 20px;
	margin: 10px;
	text-align: center;
	background-color: #535457;
	height: auto;
	width: auto;
}


table{
	border: 0px;
	padding: 10px;
	margin: 20px;
	text-align: center;
	margin: auto; /*centra la tabella orizzontalmente*/
}

th, td {
	padding: 23px;
	text-align: center;
}



aside{
	width: 32%;
	padding: 8px;
	margin: 15px;
	text-align: center;
	background-color: #f7f7f7;
	height: auto;
	display: inline-block;
	vertical-align: top;
	border: 1px solid black;
	
	
}

a {
	color: black;
}

article {
	width: 55%;
	padding: 8px;
	margin: 9px;
	text-align: justify;
	height: auto;
	display: inline-block;
	vertical-align: top;
	
}

footer {
	
	background-color: #1a1817;
	
}

.footer-text {
	color:white;
	font-family: "Garamond";
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
	
	

h1{
	color: white;
	font-size: 36x;
	font-family: "Garamond";
	
}


h2{
	color: black;
	font-size: 25px;
	font-family: "Garamond";
	font-weight: bold;
	
}

h3{
	color: black;
	font-size: 25px;
	font-family: "Garamond";
	font-weight: bold;
	
}

h4{
	color: black;
	font-size: 20px;
	font-family: "Garamond";
	font-weight: bold;
	
}

p, ul{
	color: black;
	line-height: 1.75;
	font-family: "Tahoma";
	
}

	

#piccolino{  
	
	font-size: 15px;
	line-height: 1.5;
	font-family: "Tahoma";
	text-align: justify;

}


.IMMAGINE1 {
	
	width: 62%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	float:left;
	margin: 10px;
	

}

.IMMAGINE2 {
	
	width: 88%;
	text-align: center;
	height: auto;
	display: inline;
}

.link{
	
	font-size: 16px;
	font-family: "Tahoma";
	color: #1a1817;
	
}


.grandicello {
	
	color: black;
	line-height: 1.75;
	font-family: "Tahoma";
	font-size: 18px;
	display: inline;

}
	


.aside-2 {
	
	width: 41%;
	padding: 8px;
	margin: 15px;
	text-align: justify;
	background-color: #f7f7f7
	height: auto;
	display: inline-block;
	vertical-align: top;
	
}



.article-2 {
	
	width: 46%;
	padding: 8px;
	margin: 9px;
	text-align: justify;
	height: auto;
	display: inline-block;
	vertical-align: top;
}


.white {
	color: white;
	font-family: "Garamond";
}







@media(max-width: 1180px) {
	
	aside {
		width: 94%;
		border: 0px;
		background-color: white;
		
	}
	
	ul, li{
		
		line-height: 1.25;
	}
		
	
	article {
		
		width: 95%;
	}
	
	.IMMAGINE1  {
		
		width: 90%;
		height: auto;
		display: block;
		
	}
	
	body{
		width: 98%;
	}
	
	.video{
		
		margin: auto;
	}
	
	.footer-text{
		
		font-size: 18px;
		
	}
	
	.aside-2{
		
		width: 94%;
		background-color: white;
		font-size: 17px;
	
		
	}
	
	.article-2{
		
		width: 95%;
		
	}
	
	
}