/*------------------------------------
 RESET by Harry Roberts + Normalize.css
 http://csswizardry.com/2011/10/reset-restarted/
 https://github.com/necolas/normalize.css
------------------------------------*/
article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section{
	display:block;
}

html {
 -webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
img.scala { 
 max-width:100%; 
 height:auto;
 display: block; 
 opacity:1
}

.item a:hover { 
 opacity:0.6
}




#container {
 padding: 20px;
 max-width: 100%;
 margin: 160px auto 0 auto;
}

.item {
 background: #FEFEFE;
	border: 2px solid #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
 margin: 0 10px 20px;
}

.titolo {
 text-align: center;
 padding: 10px;
}

.column {float: left;}
.size-1of1 {width: 100%;}
.size-1of2 {width: 50%;}
.size-1of3 {width: 33.333%;}
.size-1of4 {width: 25%;}
.size-1of5 {width: 20%;}

[data-columns]::before { display: none; }

#container[data-columns]::before {
	content: '1 .column.size-1of1';
}

@media screen and (min-width: 560px) and (max-width: 799px) {
	#container[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}

@media screen and (min-width: 800px) and (max-width: 1199px) {
	#container[data-columns]::before {
		content: '3 .column.size-1of3';
	}
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
	#container[data-columns]::before {
		content: '4 .column.size-1of4';
	}
}

@media screen and (min-width: 1300px){
	#container[data-columns]::before {
		content: '5 .column.size-1of5';
	}
}