/* mobile */
@media only screen and (max-width: 768px){
	
	body { font-size: 20px; line-height:30px; }
	input, select { height: 45px; }
	input, textarea, select { border-radius:0; line-height:inherit; padding: 10px; }
	.btn, input[type='submit'], input[type='button'], input[type='reset'] { padding: 12px 20px; margin:10px 0 0 0; }
	textarea { margin-bottom:20px; }
	form .row { margin:0px; }
	form .col { margin-bottom:10px; }
	
	.iphone_hide { display:none; }
	.iphone_show { display:block; }
	
	.wrapper { min-width:0px; width:100%; }
	.content { padding:0 20px; max-width:100%; }
	.content-small { padding:0 20px;  }
	
	.mt20 { margin-top:10px; }
	.mb40 { margin-bottom:20px; }
	
	.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%; }
	
	h1 { font-size: 34px; line-height:40px; text-align:center; }
	h2 { font-size:34px; line-height:40px; }
	h3 { margin: 10px 0; font-size:30px; }
	.pl40 { padding-left: 0px; } 
	.pr40 { padding-right: 0px; }
	.break { margin-top:40px; }
	
	.overlay { padding: 8px; font-size:10px; }
	div.top { right:20px; bottom:20px; }
	.mt80 { margin-top:20px; }
	
	#header { padding:0px; height:80px; }
	#header .logo img { margin-top:30px; height:50px; }
	
	#header .menu li { text-align:center; font-size:30px; padding:20px; display:block; font-family: "Bodoni Moda", serif; font-weight:500; }
	#header .menu a { color:#F6E8D2; }
	#header .menu { display:none; position:fixed; top:0; bottom:0; left:0; right:0; align-content: center; z-index:222; background:#71826D; }
	
	#footer { font-size:18px; line-height:28px; padding:20px; }
	#footer img { height: 50px; }
	#footer .grid { grid-template-columns: 1fr; }
		
	.header-section { padding: 20px; }
	
	.slide li { height: calc(100vh - 240px); }
	.grid-2, .grid-3 { display:block; text-align: center; } 
	.grid-2.gallery { margin-top:40px; }
	.grid-2 img { margin-bottom:20px; }
	
	.team { grid-template-columns: 1fr; }
	.team li { padding-right: 40px; padding-left: 40px;  } 
	.item-row { padding:40px 20px; text-align:center; }
	.grid-row-1 { display:block; padding:40px 0px 0 0px; }
	.grid-row-2 { display:block; padding:0 0px; }
	.grid-row-1 img, .grid-row-2 img { margin-bottom:20px; }
	.gallery { margin:0; }
	
	
	.cover { max-width:100%; height:240px; background-attachment: inherit; margin:0px; }
	.parallax { height: calc(100vh - 240px);  background-attachment: inherit;  }
	.parallax .text { top: 0px; padding:20px; width: 100%; }
	
	.separator { padding:20px 0; }
	.share { position:relative; width:inherit; text-align:center; margin:0 auto; margin-top:20px; }
	.share h3 { font-size:13px; text-transform:uppercase; }
	.share ul li { display:inline-block; margin:0; border:0px; }
	
	.gallery .col:nth-child(n) { margin-left:0; }
	.gallery .col { display: block; float:left; margin: 0 0 1.6% 0; width: 100%; }
	.gallery .col:first-child { margin-left: 0; }
	.gallery .col:nth-child(2n+1) { margin-left:0px; }
	.gallery figure { margin:0px; }
	.gallery .col { width: 49.2%; }
	.pagination { text-align:center; }
	
	.grid .col { display: block; float:left; margin: 0 0 1.6% 1.6%; }
	.grid .col:first-child { margin-left: 0; }
	.grid .span_1_of_3:nth-child(n) { margin-left:1.6%; }
	.grid .span_1_of_6:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_5:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_4:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_3:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_2:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_2 { width: 49.2%; }
	.grid .span_1_of_3 { width: 49.2%; }
	.grid .span_1_of_4 { width: 49.2%; }
	.grid .span_1_of_5 { width: 49.2%; }
	.grid .span_1_of_6 { width: 49.2%; }
	
	.slick-prev { left: 0; top: 40%; }
	.slick-next { right: 0; top: 40%; }
	
	.hamburger { background:#F6E8D2; display: block; top: 30px; left: 10px; position: fixed; z-index: 2222; padding: 12px 5px; width: 50px; height: 50px; border-radius:600px; }
}

/* iPad Pro */ 
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  { 

}



/* 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) {

}



@media only screen and (max-width: 400px){
	.iphone_hide { display:none; }
}