/* iPads (landscape) orizzontale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : landscape) {
	
	

}

/* iPads (portrait) verticale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : portrait) {
	.iphone_show { display:block; }
	.iphone_hide { display:none; }
	
	.main h2.section { margin:10px 0 0 0; }
	.main .list li.span_1_of_10 { width: 18.72%; margin: 0 0 3% 1.6%;  }
	.main .list li:nth-child(5n+1) { margin-left:0; }
	
	.main.collection .span_1_of_3 { width: 18.72%; }
	.main.collection .span_2_of_3 { width: 79.68%; }
}


/* mobile */
@media only screen and (min-width: 320px) and (max-width: 768px) {
	
	#home .container { width:100%; max-width:100%; padding: 20px; margin:0;  }
	#home .container img { width:100%; height:auto; }
	#home .container .span_1_of_2 { width: 49.2%; }
	#home .container .span_2_of_2 .col { margin: 0 0 0 1.6%; }
	#home .container .span_2_of_2 .col:first-child { margin-left: 0; }
	#home .container .span_1_of_3 { width: 32.2%; }
	#home .container .span_2_of_3 { width: 66.1%; }
	
	footer { padding:20px 0 40px 0; position:relative; margin-top:20px; }
	footer li { border:0; margin: 10px 0 0 0; }
	footer li:first-child { border:0; padding:0; }
	footer .align_right { text-align:left; }
	footer .span_2_of_8 { width:50%; margin-bottom:20px;  }
	
	.header { height:inherit; position:fixed; left:0; right:0; top:0; }
	.header .logo { width:100%; background:#FFF; padding: 10px; text-align:center; }
	
	.header .menu { position:relative; padding:5px 10px; left:0; background:#000; text-align:center; height:50px; }
	.header .menu ul { margin: 0 auto; text-align:center; }
	.header .menu li { text-align:left; }
	.nav-item a { padding: 8px 10px; }
	
	
	.container { margin-top:120px; }
	.lato { display:none; width:100%; padding:10px; margin:0; border-right:0px; position:relative; background:#DDD; }
	.lato h2 { margin: 0 0 5px 0; }
	.main { position:relative; padding: 10px; left:0; width:100%; }
	.main h2.section { font-size:20px; }
	.main h3 { margin: 20px 0px 20px; }
	.main .images .span_1_of_2 { width: 49.2%; }
	.main .images .col { margin: 0 0 0 1.6%; }
	.main .images .col:first-child { margin-left: 0; }
	
	.main.collection .col.span_2_of_3 { margin: 0 0 0 1.6%; }
	.main.collection li { border-bottom:1px solid #CCC; padding:10px; margin-bottom:10px; background:#DDD; }
	.main .list li { margin-bottom:10px; height:160px;  } 
	
	
	
	.main.collection .indice li { margin-bottom:10px; }
	.main.collection2 li b { text-transform: uppercase;}
	
	.main.credits .address .col { margin-top:40px; }
	.main {  margin:0px; width:100%; padding:10px; }
	.main img { width:100%; height:auto; }
	
	.mt40 { margin-top:20px; }
	
	.btn.col { margin-bottom:10px; }
	.btn.col:last-child { margin-bottom:0px; }
	
	.iphone_show { display:block; }
	.iphone_hide { display:none; }
	
	h1 { font-size:22px }
	h2 { font-size:18px; }
	.button_link { width:100%; text-align:center; }
	
	.wrapper { min-width:0px; width:100%; }
	.content { padding: 0 10px; }
	
	.col { margin:0px; }
	.span_1_of_2 { width: 100%; }
	
	.span_1_of_3 { width: 100%; }
	.span_2_of_3 { width: 100%; }
	.span_3_of_3 { width: 100%; }
	
	.span_1_of_4 { width: 100%; }
	.span_2_of_4 { width: 100%; }
	.span_3_of_4 { width: 100%; }
	
	.span_1_of_5 { width: 100%; }
	.span_2_of_5 { width: 100%; }
	.span_3_of_5 { width: 100%; }
	.span_4_of_5 { width: 100%; }
	.span_5_of_5 { width: 100%; }

	.span_1_of_6 { width: 100%; }
	.span_2_of_6 { width: 100%; }
	.span_3_of_6 { width: 100%; }
	.span_4_of_6 { width: 100%; }
	.span_5_of_6 { width: 100%; }
	.span_6_of_6 { width: 100%; }
	
	.span_1_of_8 { width: 100%; }
	.span_2_of_8 { width: 100%; }
	.span_3_of_8 { width: 100%; }
	.span_4_of_8 { width: 100%; }
	.span_5_of_8 { width: 100%; }
	.span_6_of_8 { width: 100%; }
	.span_7_of_8 { width: 100%; }
	.span_8_of_8 { width: 100%; }
	
	.span_1_of_10 { width: 100%; }
	.span_2_of_10 { width: 100%; }
	.span_3_of_10 { width: 100%; }
	.span_4_of_10 { width: 100%; }
	.span_5_of_10 { width: 100%; }
	.span_6_of_10 { width: 100%; }
	.span_7_of_10 { width: 100%; }
	.span_8_of_10 { width: 100%; }
	.span_9_of_10 { width: 100%; }
	.span_10_of_10 { width: 100%; }
	
	div.top { right:40px; bottom:40px; }
	div.top a { background: #FFF247; color:#000;  }
	div.top a:hover { background:#000; color:#FFF247; text-decoration:none; }

}



@media only screen and (min-width: 320px) and (max-width: 420px) {
	.main.collection .span_1_of_3 { width: 32.2%;  }
	.main.collection .span_2_of_3 { width: 66.1%; }
	.main .list li.span_1_of_10 { width: 32.2%; margin: 0 0 3% 1.6%;  }
	.main .list li:nth-child(3n+1) { margin-left:0; }
	.nav-item a { padding: 8px 5px; }
}