body {
	font-family: Arial, Helvetica, sans-serif;
			}
			
			
			#maximage {
/*				position:fixed !important;*/
			}
			
			/*Set my logo in bottom left*/
			h1 {
			font-size: 14px;				
			}
			
			
			#logo {
				top:5%;
				height:auto;
				left:5%;
				position:absolute;
				width:20%;
				z-index:1000;
				background-color: rgba(255,255,255,0.9);
				padding: 20px;
			}
			#logo img {
				width:100%;
			}
			
			
			.recapiti {
	font-size: 11px;
	text-align:left;
	text-decoration: none;
			}
			
			
			a:link, a:visited, a:active {
	text-decoration: none;
	color: #5A2922;
			}
			
			
			a:hover {
	text-decoration: none;	
			}
			
			
			
			
/*@media (min-width: 990px) {
			#logo {
	position: absolute;
	bottom: 80px;
	width: 150px;
	height: 300px;
	background-position: center;
	left: 50%;
	margin:0 0 0 -75px;
	z-index:1000;
}


.recapiti {
			padding: 5%;
			font-size: 12px;
	text-align: center;
			}
}*/


@media (max-width: 768px) {
		.recapiti {
			padding: 5%;
			font-size: 10px;
			}
			
			
			#logo {
		width:50%;
		min-width: 180px;
		max-width: 220px;
	
}
}


@media screen and (max-width: 990px) and (orientation: landscape) {
  		#logo {
			
			left:5px;
			width:20%;

	
}
  

}