/*	MEDIA QUERIES	*/


/* Small screens */
/* Define mobile styles */
@media only screen {

}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em){

	#logo_big{
		top: 14px;
		width: 100px;
		float: right;
	}

	#menu-main-small nav.tab-bar{
		height:60px;
	}
	#menu-small{
		width:100%;
		background-color:rgba(255,255,255,0.95);
		margin-top:60px;
		top:0px;
	}
	#menu-small > ul > li{
		height:50px;
	}
	.logo_small{
		right: 15px;
		position: absolute;
		width: 150px;
		top: 2px;
	}

	.row-1{
		padding:10vw;
	}
	.row-1 .content-text{
		width:100%;
	}
	.row-1 .content-text h1{
		font-size: 40px;
		line-height: 40px;
		margin-top: 60px;
	}

	.row-3 .title, .row-5 .title, .row-4 .title, .row-2 .title{
		font-size:30px;
	}
	.row-3 .img_schema{
		margin:60px 0px 150px;
	}

	.row-4{
		background-image: unset !important;
	}

}


/* Medium screens */
@media only screen and (max-width: 64em) and (orientation: portrait) {

}





/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {

}


/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 641px) and (max-width: 1024px) {

	#logo_big{
		top: 14px;
		width: 100px;
		float: right;
	}

	#menu-main-small nav.tab-bar{
		height:60px;
	}
	#menu-small{
		width:100%;
		background-color:rgba(255,255,255,0.95);
		margin-top:60px;
		top:0px;
	}
	#menu-small > ul > li{
		height:50px;
	}
	.logo_small{
		right: 15px;
		position: absolute;
		width: 80px;
		top: 5px;
	}

	.row-1 .content-text{
		width:90%;
	}
	.row-1 .content-text h1{
		font-size:70px;
		line-height:60px;
		margin-top:50px;
	}

	.row-4{
		background-image: unset !important;
	}
}



@media only screen and (min-width: 40.063em) and (max-width: 50em) and (orientation : portrait) {

}
/* min-width 641px and max-width 800px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation : portrait) {

	#logo_big{
		top: 14px;
		width: 100px;
		float: right;
	}

	.medium-portrait-show{
		display:block !important;
	}
	.medium-portrait-hide{
		display:none !important;
	}





}
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation:landscape) {


	.medium-landscape-show{
		display:block !important;
	}
	.medium-landscape-hide{
		display:none !important;
	}

	.top-bar-section li:not(.has-form) a:not(.button){
		padding:0px 15px;
		padding-top: 30px;
	}


	.row-1 .content-text{
		width:80%;
	}
	.row-1 .content-text h1{
		font-size:70px;
		line-height:60px;
		margin-top:50px;
	}



}


/* min-width 1024px and max-width 1215px, use when QAing tablet-only issues */
@media only screen and (min-width:  64.063em) and (max-width: 76.032em) {
}



/* Large screens */
/* min-width 1025px -> 64.063, large screens */
/* min-width 1215px -> 76.032, large screens */
@media only screen and (min-width: 76.032em) {
	/*	Repalce Foundation	*/
	/*.row{
		max-width: 75rem;
	}*/



	/*	SITE	*/
	/*.site-content{
		width:1000px;
	}*/

}
/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {


}


/* versione ibrida per gestione header */
@media only screen and (min-width:770px) and (max-width: 1280px) {


}
@media only screen and (min-width:77.8891em) and (max-width: 109.482666em) {
}

/* XLarge screens */
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {

}

/* XXLarge screens */
/* min-width 1921px, xlarge screens */
@media only screen and (min-width: 120.063em) {

}



@media only screen and (min-width:1020px) and (max-width: 1230px) {
}

@media only screen and (max-width:1025px) {
}








/*	Retina	*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	.row-1 .content-text{
		width:80%;
	}

}