@media only screen and (min-width: 931px) {
	html
	{
    font-size:62.5%;
    font-size:0.52vw;
	overflow:hidden;
    }
	#menu_mobile{display:none;}
	#pagina {		
		width:168rem;
		height:84.1rem;
	}
	
	#sfondo_mobile{display:none;}
	
	#sfondo, #sfondo.sf_home{
		background: url(/images/sf_home.jpg) no-repeat center center #000000;
		background-size: cover;
	}
	#sfondo.sf_competitions{
		background: url(/images/sf_competitions.jpg) no-repeat center center #000000;
		background-size: cover;
	}
	#sfondo.sf_projects{
		background: url(/images/sf_projects.jpg) no-repeat center center #000000;
		background-size: cover;
	}
	#sfondo.sf_structures{
		background: url(/images/sf_structures.jpg) no-repeat center center #000000;
		background-size: cover;
	}
	#sfondo.sf_services{
		background: url(/images/sf_services.jpg) no-repeat center center #000000;
		background-size: cover;
	}
	#sfondo.sf_other{
		background: url(/images/sf_other.jpg) no-repeat center center #000000;
		background-size: cover;
	}
}

@media only screen and (min-width: 599px) and (max-width: 930px) {
	html{    
    font-size:10px;
    }
    
    #sfondo{display:none;}	
	
	#sfondo_mobile{	
		position:absolute;
		top:148px;
		width:600px;
		height:174px;
		left:0;
		margin-right:50%;
		background-image: url(/images/sf_sito_600.jpg);
		z-index:-1;
		}

	#pagina {
		background:none;
		position:relative;
		width:600px;
		padding:0;		
		margin-top:20px;
		top:0px;
	}
	
	#chisiamo{
	padding-left: 180px;
	font-size:1.04rem;
	line-height:1.3rem;
	width: 420px;
	height:275px;
	background-image: url(/images/logo.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-top:0px;
	margin-bottom:0px;
	}
		
	#chisiamo strong {
		font-size: 1.8rem;
		line-height: 2.1rem;
	}
	
	#content1, #content2, 
	#contentbottom, #contentbottom2,
	#content2 .colonnasx, #content2 .colonnadx	{margin-bottom:30px; height:auto;width:600px}
		
	.titolo{
	background: url(/images/linea_orizzontale.jpg) no-repeat left bottom #000000;
	margin-bottom:0px;
	padding-bottom:2.3rem;
	}
	
	.corpo{
		width:600px;
		height:auto;
		margin-top:10px;
	}
	.corpo.alt1, .corpo.alt2{height:auto;}
 
	#menu_mobile{display:none;}
	#menu{
		width:600px;
		height:45px;
		overflow:hidden;
		margin-bottom:45px;
		margin-top:20px;
	}
	#m1,#m2,#m3,#m4{margin-right:41px;}
	
	#m1 img{visibility:visible;}
	#m2 img{visibility:visible;}
	#m3 img{visibility:visible;}
	#m4 img{visibility:visible;}
	#m5 img{visibility:visible;}
	
	#gallery_container{width:594px;}
	#gallery a {width:135px !important; margin:6px;}
	#gallery img {width:135px !important;height:135px !important;}
	#gallery img:hover {border: 2px solid #49B8E5; width:131px !important;height:131px !important;}
	a.next {right: -3rem;}
	#social-box a {margin-right:3px;}	
	
	#copyright{padding-right:9px;}
}

@media only screen and (min-width: 1px) and (max-width: 599px) {
	html{    
    font-size:8px;
    }
    
	    #sfondo{display:none;}

	#pagina {
		background:none;
		position:relative;
		width:300px;
		padding:0;		
		margin-top:20px;
		top:0px;
	}
	
	#chisiamo{
	padding-left: 89px;
	font-size:7.6px;
	line-height:9.6px;
	width: 300px;
	height:216px;
	background-image: url(/images/logo_mini.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-top:0px;
	margin-bottom:0px;
	}
		
	#chisiamo strong {
		font-size: 13px;
		line-height: 16px;
	}
	
	#menu{display:none;}
	#menu_mobile{width:300px;text-align:center;margin-bottom:40px;}
	#menu_mobile a{margin:4px;}
	#menu_mobile a:hover{text-decoration:none;font-weight:bold;color:#e42221;}
	
	
	#content1, #content2, 
	#contentbottom, #contentbottom2,
	#content2 .colonnasx, #content2 .colonnadx	{margin-bottom:30px; height:auto;width:300px}
		
	.titolo{
	background: url(/images/linea_orizzontale.jpg) no-repeat left bottom #000000;
	margin-bottom:0px;
	padding-bottom:2.3rem;
	}
	
	.corpo{
		width:300px;
		height:auto;
		margin-top:10px;
	}
	.corpo.alt1, .corpo.alt2{height:auto;}	
	
	#gallery_container{width:294px;}
	#gallery a {width:60px !important; margin:6px;}
	#gallery img {width:60px !important;height:60px !important;}
	#gallery img:hover {border: 2px solid #49B8E5; width:56px !important;height:56px !important;}
	a.prev {left: -1.5rem;top:1.5rem;}
	a.next {right: -1rem;top:1.5rem;}
	#social-box a {margin-right:10px;}
	#hl_curriculum, #hl_portfolio{display:none;}
	#copyright{padding-right:9px;}
}