@charset "utf-8";
/* CSS Document */
body {
 margin: 0pt auto;
background-size: cover;
background-attachment: fixed;
background-color: #e7ddcf;
}
	
.header {
width:90%;
margin:auto;
	display: flex;
	align-items: left;
	justify-content:space-between;
	position: relative;
	background: #e7ddcf;
	z-index: 10;		
	}
	
.logo {
	width:200px;
	margin:10px 0;	
}
	
.navbar {
width: 65%;
margin-left:10%;
position:relative;
margin-top: 50px;
z-index: 200;
}
	div.navbar li.selected a {text-decoration: underline;} 
		
	
.user img{
	width:50px;
	margin-top:50px;
	margin-right:80px;
	display: flex;
	align-items: left;
	justify-content:space-between;
	position:relative;
	z-index: 10;
}


#container {
width:100%;
height:100%;
position: relative;
background:#D9B6A3;
}	
	
#banner {
width: 80%;
height: auto;
padding-top: 120px;
margin-left:auto;
margin-right:auto;
position: relative;
padding-bottom:150px;
}

#wrapper {
width: 90%;
	height: auto;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 140px;	
}

#london {
width:25%;
height:auto;
position:relative;
margin-left:7%;
margin-top:0px;
	}
#mallorca {
width:25%;
height:auto;
position:relative;
margin-left:37.5%;
margin-top:-37.7%;
	}
#marrakech {
width:25%;
height:auto;
position:relative;
margin-left:68%;
margin-top:-37.7%;
	}

#casablanca {
width:25%;
height:auto;
position:relative;
margin-left:7%;
margin-top:6%;
	}
#tangier {
width:25%;
height:auto;
position:relative;
margin-left:37.5%;
margin-top:-37.7%;
	}
#lapland {
width:25%;
height:auto;
position:relative;
margin-left:68%;
margin-top:-37.7%;
	}

#sierranevada {
width:25%;
height:auto;
position:relative;
margin-left:7%;
margin-top:6%;
	}
#cruise {
width:25%;
height:auto;
position:relative;
margin-left:37.5%;
margin-top:-37.7%;
	}
#rhodes {
width:25%;
height:auto;
position:relative;
margin-left:68%;
margin-top:-37.7%;
	}

#venice {
width:25%;
height:auto;
position:relative;
margin-left:7%;
margin-top:6%;
	}
#disney {
width:25%;
height:auto;
position:relative;
margin-left:37.5%;
margin-top:-37.7%;
	}
#madrid {
width:25%;
height:auto;
position:relative;
margin-left:68%;
margin-top:-37.7%;
	}

#copyright {
margin-left: 70%;
padding-top:20px;
padding-bottom:10px;
position:relative;
font-family:"Segoe Print", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
font-size: 30px;
color: #6c3623;
z-index: 20;
}
a:link {
    text-decoration: none;
}


@media only screen and (max-width: 1365px) and (min-width: 1201px) {


}