/* responsive rules */
@media screen and (min-width: 1150px) {

		#logo {
		display: block;
	}
	
		#logo-mobile {
		display: none;
	}
	
}

@media screen and (min-width: 1051px) and (max-width: 1149px) {
	
	#logo {
		display: block;
	}
	
			#logo-mobile {
		display: none;
	}

}


@media screen and (min-width: 751px) and (max-width: 1050px) {

	#logo {
		display: block;
	}
	
			#logo-mobile {
		display: none;
	}
	
}


@media screen and (min-width: 651px) and (max-width: 750px) {

#logo {
		display: block;
	}
	
			#logo-mobile {
		display: none;
	}
	
	
}

@media screen and (min-width: 451px) and (max-width: 650px) {

	#logo {
		display: none;
	}
	
	#logo-mobile {
		display: block;
	}
	
	
}


@media screen and (min-width: 291px) and (max-width: 450px) {

	#logo {
		display: none;
	}
	
		#logo-mobile {
		display: block;
			max-width: 78%;
			margin-left: 5px;
			margin-bottom: 5px;
		}
	
	#title-logo{
	margin-top:1px;
	margin-bottom: 25px;
	font-family: 'Raleway', sans-serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: 600;
	color: #004001;
	
}
	
	#open-button {
	width: 1.9em;
	height: 1.7em;
	right: 3px;	
	}
	
		#footer .intestazione {
	font-size: 1.1em;
	line-height: 25px;
}

#footer .dati {
	font-size: 0.9em;
	line-height: 30px;
}
	
	
}

@media screen and (max-width: 290px) {
	
	#logo {
		display: none;
	}
	
		#logo-mobile {
		display: block;
			max-width: 78%;
			margin-left: 5px;
			margin-bottom: 5px;
		}
	
	#title-logo{
	margin-top:1px;
	margin-bottom: 20px;
	font-family: 'Raleway', sans-serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: 600;
	color: #004001;
	
}

	#open-button {
	width: 1.7em;
	height: 1.55em;
	right: 3px;	
	}
	
	#footer .intestazione {
	font-size: 1.1em;
	line-height: 25px;
}

#footer .dati {
	font-size: 0.8em;
	line-height: 28px;
}
	
	
}