@charset "utf-8";

@import url(/public/css/Gotham-Book/Gotham-Book.css);
@import url(/public/css/Gotham-Medium/Gotham-Medium.css);
@import url(/public/css/FontAwesome/FontAwesome.css); 

HTML,BODY { 
	margin:0px; 
	padding:0px; 
	border:0px; 
	font-family:"Gotham","Arial","Helvetica";
}
.NotVis {
	position:absolute;
	left:-5000px;
	top:-5000px;	
}
A { outline:none; }

@media (max-width:360px) {
	
	.NotForMobile {
		display:none;	
	}
	
	HTML,BODY { background-color: #ffffff; font-size:4vw; }
	
	#Header {
		font-size:1rem;
		display:block;
		position:relative;
		margin-bottom:1.2rem;	    
	}
	#Header .UpperBar {
		display:block;
		text-align:center;
		position:relative;
		padding-top:1rem;
	}
	#Header .UpperBar A {
		display:block;
		width: 47vw;
		height: 34vw;
		background-color:#ffffff;
		background-image:url(/public/images/logo.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:0;
	}

	#Header .MobileMenu {
		display:block;
		position:absolute;
		right:2rem;
		top:1.8rem;
		color:#333333;
		font-size:3rem;
		z-index:777;
	}
	#Header .Menu .CloseButt {
		position:absolute;
		right:1.5rem;
		top:1.5rem;
		color:#ffffff;
		font-size:3rem;
		z-index:999;
	}
	#Header .Menu {
		display:block;
		padding:1.5rem;
		position:absolute;
		right:0;
		left:0;
		top:-15rem;
		background-color:#333333;
		z-index:888;
		-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.64);
		-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.64);
		box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.64);
	}
	#Header .Menu A {
		display:block;
		color:#ffffff;
		text-decoration:none;
		font-size:1.5rem;
		line-height:2.6rem;
	}
    
	#Page {
		width:90vw;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	#Footer {
		width:90vw;
		margin-left:auto;
		margin-right:auto;
		font-size: 0.7rem;
		display:block;
		border-top:0.3rem solid #cd0e0e;
		padding-top:1rem;
		margin-bottom:1rem;
	}
	#Footer P {
		color:#333333;
		margin:0px;
		padding:0px;
		text-align:center;
		font-size:1rem;
	}
	#Dovesiamo .Cell {
		font-size:2rem;
	}
	
}

@media (min-width:361px) { 

	.NotForDesktop {
		display:none;	
	}
	
	#Header {
		font-size:1rem;
		display:block;
		height:38.222rem;
		background-image:url(/public/images/foto_genova_home.jpg);
		background-position:center bottom;
		background-size:cover;
		background-repeat:no-repeat;
		position:relative;
		margin-bottom:4rem;	    
	}
	#Header .UpperBar {
		display:block;
		height:18.778rem;
		background-image:url(/public/images/header_white_bkg.png);
		background-position:center top;
		background-repeat:no-repeat;
		text-align:center;
		background-size:cover;
	}
	#Header .UpperBar A {
		display:block;
		width:26.111em;
		height:18.000em;
		background-image:url(/public/images/logo.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		margin-left:auto;
		margin-right:auto;
	}
	#Header .MobileMenu {
		display:none;
	}
	#Header .Menu .CloseButt {
		display:none;
	}
	#Header .Menu {
		display:block;
		position:absolute;
		left:0px;
		bottom:-2.35em;
		right:0px;
		text-align:center;
	}
	#Header .Menu A {
		display:inline-block;
		width:20.611em;
		height:4.778em;
		color:#333333;
		text-align:center;
		line-height:4.778em;
		margin-right:2.556em;
		background-color:#ffffff;
		font-weight:400;
		text-decoration:none;
	}
	#Header .Menu A:LAST-CHILD {
		margin-right:0px;
	}
	#Header .Menu A SPAN {
		display:block;
		margin:0.5em;
		font-size:1.5em;
	}
	#Header .Menu A:HOVER SPAN {
		background-color:#cd0e0e;
		color:#ffffff;
	}
	
	#Page {
		width:90.056em;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}

	#Footer {
		font-size: 0.8rem;
		width:90.056em;
		display:block;
		margin-left:auto;
		margin-right:auto;
		border-top:0.3rem solid #cd0e0e;
		padding-top:1rem;
		margin-bottom:1rem;
	}
	#Footer P {
		color:#333333;
		margin:0px;
		padding:0px;
		text-align:center;
		font-size:1.2rem;
	}

}

@media (min-width:361px) and (max-width:1366px) {
	
	HTML,BODY {
		font-size:1.17vw;
	}
	
	#Header .Menu {
		font-size:0.8rem;
	}
	#Header .UpperBar {
		background-size:cover;
	}
	#Header .UpperBar A {
		font-size:1rem;
	}
	#Page {
		font-size:0.8rem;
	}
    
}

@media (min-width:1367px) {
	
	HTML,BODY {
		font-size:16px;
	}
	
	#Header .Menu {
		font-size:0.8rem;
	}
	#Page {
		font-size:0.8rem;
	}

}