/* CSS Document */

.leggi {margin-right:80px;}
.leggi img {margin-top:-5px;}
.leggi p {margin-top:50px; text-decoration:underline; font-family:"Comic Sans MS", cursive; font-size:0.75em; font-weight:lighter; line-height:19px;}
#articolo2{transform:rotate(-4deg)}
.leggipiu {display:none; text-align:center}
.leggimeno {display:none; text-align:center}
#puntinal{margin:-30px 0 0 0; position:absolute;}
#puntinar{margin:-30px 0 0 0;}
.inc {margin:2% 10% 2% 10%;}
.inc li {float: left; width:20%; height:auto; margin:5% 4% 0 4%}
	#articolo1{height:auto;}
	#testopresentazione {height:auto}
	#articolo2{height:auto}


@media screen and (max-width: 800px){
	section:nth-child(1){border:none; padding-top:0}
	section:nth-child(2){border:none; padding-top:0}
	section {border-top:2px solid #666; padding-top:20px;}
	#puntinal {display:none}
	#puntinar {display:none}
	#articolo2{transform:none}
	#articolo1{transform:none}
	.leggipiu {display:none}
	.leggimeno {display:none}

	
	
	}
@media screen and (max-width: 630px){
	section {border:none; padding-top:20px}
	.leggipiu {display:none}
	.leggimeno {display:none}
	#articolo1{height:auto;}
	#testopresentazione {height:auto}
	#articolo2{height:auto}	
	.space {clear:both; margin:0 10% 6% 10%; width:80%; border-top:2px solid #999; height:20px;}
}
	
	@media screen and (max-width: 430px){
	.leggipiu{display:block; color:#0066FF; cursor:pointer;}
	.leggimeno{margin-top:15px;color:#0066FF; cursor:pointer;}
	#articolo1{height:75px; overflow:hidden; transform:none}
	#testopresentazione {height:170px; overflow:hidden;}
	#articolo2{height:75px; overflow:hidden;}
	.legggi{margin-top:20px;}
	.leggi img {margin-top:5px; padding-bottom:0;}
	#puntinal {display:none}
	#puntinar {display:none}
	}