/* ================================
HEADER WEX 
================================ */
#head-ombra {
	height:10vh;
}
#head {
	position: fixed;
	top: 0; left:0;
	width:100%;
	height: 10vh;
	display: flex; 
	z-index: 100;
background-color:;
}
#head > div {
	position: relative;
}
#head > div > a {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0; left:0;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*============================================================================== navy ==*/
#navy {
	width:100%;
	height:8.5vh;
background-color:white;
}

#hambo {
	position:relative;
	float:left;
background-color:#333;
	width:15%;
	height:100%;
}
#hambo > div {
	float:left;
	height:100%;
}
#master {
	width:35%;
	background-color:#333;

background-image:url('../../_img/header/hambo-1.png');
	}
#master-testo {
	width:65%;
}
/**/
#logo {
	position:relative;
	float:left;
background-color:white;
	width:30%;
	height:100%;
background-image:url('../../_img/logo/brand-logo.png');
}
/**/
#highlights {
	float:left;
background-color:;
	width:55%;
	height:100%;
}
#highlights > div {
	position:relative;
	float:left;
background-color:white;
	width:20%;
	height:100%;
}
#highlights > div > div {
	float:left;
background-color:;
	width:35%;
	height:100%;
}
#highlights > div > #testo {
	float:left;
background-color:;
	width:65%;
	height:100%;
}
#testo > p, #master-testo > p {
	font-family:'Raleway', sans-serif; font-weight: 300; color:#000; padding-left:10px; font-size:1em;
	width:80%;border-bottom: thin solid #ccc;
}
#ico.menu {
background-image:url('../../_img/header/1.png');
}
#ico.gallery {
background-image:url('../../_img/header/2.png');
}
#ico.reserva {
background-image:url('../../_img/header/3.png');
}
#ico.lang {
background-image:url('../../_img/header/4.png');
}
#ico.contact {
background-image:url('../../_img/header/5.png');
}
/*media*/
@media all and (max-width:1024px){
#testo > p, #master-testo > p {
	padding-left:5px; font-size:0.9em;
}
}
@media all and (max-width:600px){
#logo {background-image:url('../../_img/logo/brand-logo-mobile.png');}
#testo {
	display: none !important;
    visibility: hidden;
}
#highlights > div {
	display:flex;
	justify-content:center;
	align-items:center;
}
#highlights > div > div {
	width:80%;
}
#hambo {
	display:flex;
	justify-content:center;
	align-items:center;
}
#master {
	width:60%;
	height:60%;	
background-position: center center;
}
#master-testo {
	display: none !important;
    visibility: hidden;
}


}
@media all and (max-width:360){
	
}

/*============================================================================== pantalla ==*/

#pantalla {
	position:relative;
	width:100%;
	height:84vh;
background-color::#333;
}
#panta-footer {
	position:relative;
	width:100%;
	height:6vh;
background-color:#333;
	display:flex;
}
#panta-footer h4 {
	color:white;
	margin:auto;
}
#panta-footer h4 > span {
	color:#ff6600;
}