
@media screen and (max-width: 480px) {
	html, body { font-size:15px }

	h1.title { text-align: center; }
	p, ul, form, table { max-width: 100% }
	select, textarea, input { font-size: 16px; }
	button.submit { height: 30px; line-height: 30px }
	input { line-height: 30px }

	#container { width:auto; min-width:100%; max-width:480px; margin:0 }
	#contents { width: auto; min-width:100%; max-width:100%;  }
	html, body { font-size:16px }
	#header_login_int { position:relative; width: auto; min-width:100%; max-width:100%; margin:0; }
	#top_int { position:relative; width: auto; min-width:100%; max-width:100%; margin:0 }
	#logo .logo { width: 70% }
	#top_int #menu_icon { padding-top:10px }

	#menu_selection {  }
	#menu_selection_int { max-width: 100%; height: auto; }
	#menu_selection #social { float: none; width: 100%; text-align: right; }
	#menu_selection #social i { font-size: 35px; margin: 10px 0 0 10px }
	#menu_selection #menu { float: none; width: 100%; text-align: right; }
	#menu_selection .separator2 { display: block; }

	.banner_title { font-size: 1.3em; bottom: 10px; }

	#box_home img { height: 100px }
	.box_numeri img { height: 60px }
	.box_numeri h1 { font-size: 1.5em; font-weight: bold; padding: 10px 0 10px 0 }
	.box_numeri p { font-size: 1em; color:#4fba00 }
	.page_text { max-width: 90% }

	#footer_address { position:relative; left:15px; padding-bottom:15px }
	#footer_credits { display:none }

	#footer, #footer_int { width: auto; min-width:100%; max-width:100%; }
	#footer_int div:first-child { text-align: left; display: block;  width: 100% }
	#footer_int div:last-child { text-align: left; display: block;  width: 100% }

}

@media screen and (min-width: 481px) and (max-width: 767px) {
	html, body { font-size:15px }

	h1.title { text-align: center; }
	p, ul, form, table { max-width: 100% }
	select, textarea, input { font-size: 16px; }
	button.submit { height: 30px; line-height: 30px }
	input { line-height: 30px }

	#container { width:auto; min-width:100%; max-width:480px; margin:0 }
	#contents { width: auto; min-width:100%; max-width:100%;  }
	html, body { font-size:16px }
	#logo .logo { width: 80% }

	#menu_selection {  }
	#menu_selection_int { max-width: 100%; height: auto; }
	#menu_selection #social { float: none; width: 100%; text-align: right; }
	#menu_selection #social i { font-size: 35px; margin: 10px 0 0 10px }
	#menu_selection #menu { float: none; width: 100%; text-align: right; }
	#menu_selection .separator2 { display: block; }

	#banner_title { font-size: 1.3em; bottom: 10px; }

	#footer, #footer_int { width: auto; min-width:100%; max-width:100%; }
	#footer_int div:first-child { text-align: left; display: block;  width: 100% }
	#footer_int div:last-child { text-align: left; display: block;  width: 100% }

}

@media screen and (min-width: 768px) and (max-width: 949px) {



}
