*{
	box-sizing: border-box;
	margin:0;
	padding:0;
}
p{
	width: 100%;
	background-color: white;
	color:#2F4F4F;
    font-family:Verdana;
	font-size: 16px;
	margin: 0 auto;
  }

main{
	width:992px;
	margin:0 auto;
	
  } 

.top {
	width:100%; 
	height:150px;
	background-color: bisque;
	position: relative;
	}


.mainlogo{

	width:30%;
	position:absolute;
	bottom:30%;
	left:50%;
	margin:0 auto;
	text-align: center;
	transform: translate(-50%,50%); /*Changes origin to center*/
}

.mainlogo img{
	margin: 0 auto;
	width:160px;
	padding:10px;
		
}

.sociallogo1{	
	width:33.33%;
	display:inline;
	padding:10px;
	position:absolute;
	bottom: 25%;
	left:74%;

}
.sociallogo1 img{
	width:60px;
	height:60px;


}
.sociallogo2{
	width:33.33%;
	display:inline;
	padding:10px;
	position:absolute;
	bottom: 25%;
	left:82%;
}
.sociallogo2 img{
	width:60px;
	height:60px;

}
.sociallogo3{
	width:33.33%;
	display:inline;
	padding:10px;
	position:absolute;
	bottom: 25%;
	left:90%;
}
.sociallogo3 img{
	width:60px;
	height:60px;

}


nav {

	background-color:bisque;
	height:250px; 
  }
nav ul li {
		display:inline-block;
		padding:30px;
	margin: 0px 0px 0px 30px;
		
  }
  
nav ul li a{
	
	 color:white;
	 font-family:'Marker Felt',verdana,sans-serif;
	 font-size: 26px;
	 text-decoration:none;
	 
  }

.boxindex{
	float:left;
	padding:10px;
	
}
.toptext {
	font-family: 'Marker Felt';
	font-size: 22px;
	color:#63b4e4;
	text-align:center;
}
.bgduck{
	background-color:bisque;
	width:390px;
	height: 400px;
	margin:20px 100px 10px 250px;
}
.picture1  {
	width:300px;
	display:inline-block;
	border:solid white 5px;
	margin:30px 30px 10px 45px;
}

.boxindex {
	width:700px;
	margin: 20px 150px 10px 150px;
	text-align:justify;
	float:left;
	clear:both;
	}


.quote{
	text-align:center;
	font-family:'Marker Felt',Verdana;
	font-size: 28px;
	color:#63b4e4;
	padding:20px;
	background-color:bisque;
	width:700px;
	margin: 200px 150px 10px 150px;
	clear:both;
}
.section:after{
	content:"";
	display:table;
	clear:both;
}
.bottomrectangle{
	width:100%;
	height:200px;
	background-color:burlywood;
	margin-top: 60px;
	text-align: center;
}
.bottomtext{
	background-color:burlywood;
	color:white;
	line-height: 28px;
	font-size: 18px;
	font-family:'Marker Felt',verdana,sans-serif;
}
.logobottom{
	width:100px;
	margin-top: 20px;
}

/* Here starts coding for Destinations page*/
/*This is the image of Bruges*/


.boxdesttop{
	
	width:992px;
	height:900px;
	display:table;
}


.boxtopleft{
	width:50%;
	height:300px;
	background-color:antiquewhite;
	padding:30px 25px;
	float:left;
	text-align: center;
	margin: 0 auto;
	
}
.boxtopleft img{
	width:400px;
	height:230px;
	object-fit: cover;
}

.boxtopright{
	width:50%;
	height:220px;
	padding:70px 25px;
	float:left;
	margin: 0 auto;
	
}

.boxmiddleleft{
	width:50%;
	height:300px;
	margin: 0 auto;
	float:left;
	clear:both;
}
.boxmiddleleft p{
	width:90%;
	text-align: left;
	margin:0 auto;
	padding:60px 25px;
	
}
.boxmiddleright{
	width:50%;
	height:300px;
	background-color: burlywood;
	padding:30px 25px;
	float:left;
	text-align: center;
	margin: 0 auto;

}

.boxmiddleright img{
	width:400px;
	height:230px;
	object-fit: cover;

}
.boxbottomleft{
	width:50%;
	height:300px;
	background-color: antiquewhite;
	padding:30px 25px;
	float:left;
	text-align: center;
	margin: 0 auto;

}

.boxbottomleft img{
	width:400px;
	height:240px;
	object-fit: cover;
}

.boxbottomright{
	width:50%;
	height:300px;
	padding:45px 25px;
	margin: 0 auto;
	float:left;
	text-align: center;
}
.boxbottomright p{
	text-align: left;
	width:90%;
	margin: 0 auto;
}

.quotedestinations{
	width:700px;
	background-color:moccasin;
	text-align:center;
	font-family:'Marker Felt',Verdana;
	font-size: 28px;
	padding:20px;
	color:#63b4e4;
	display:inline-block;
	margin: 50px 150px 10px 150px;
	clear:both;
	
}

/*Here starts Useful section*/


.usefultop{
	width:100%;
	height:400px;
	position:relative;
	margin:20px;
	
}

.boxtextbubble{
	float:left;
	width:50%;
	height:200px;
	padding:30px 20px;
	margin-top: 20px;
	text-align:center;	
	color:white;
	background-color: burlywood;
	font-size: 21px;
	line-height: 28px;
	border-radius: 25px;
}

.boxusefright{
	float:right;
	width:40%;
	height:300px;
	position:absolute;
	bottom:20%;
	left:65%;
}

.boxusefright img{
	width:300px;
	object-fit: cover;
}
.boxusefbottomleft{
	width:45%;
	float:left;
	text-align:center;
	padding:15px;
}
.boxusefbottomleft img{
	width:300px;
	height:300px;
	border-radius:50%;
	object-fit: cover;
}
.boxtextbubble2{
	float:right;
	width:50%;
	height:300px;
	padding:30px 25px;
	text-align:center;	
	color:white;
	background-color: burlywood;
	font-size: 21px;
	line-height: 28px;
	border-radius: 25px;
	
}
.quoteuseful{
	width:700px;
	background-color:moccasin;
	text-align:center;
	font-family:'Marker Felt',Verdana;
	font-size: 28px;
	padding:20px;
	color:#63b4e4;
	display:inline-block;
	margin: 50px 150px 10px 150px;
	clear:both;
	
}
/*Here starts About section*/

.bgducklondon{
	background-color:bisque;
	width:390px;
	height: 350px;
	margin:0 auto;
}
.duckylondon  {
	width:300px;
	display:inline-block;
	border:solid white 5px;
	margin:30px 30px 10px 45px;

}
.boxaboutleft{
	float:left;
	width:50%;
	display:inline-block;
	padding:30px;
}

.boxaboutright{
	float:right;
	width:50%;
	display:inline-block;
	padding: 30px;
}

.quoteabout{
	width:700px;
	background-color:moccasin;
	text-align:center;
	font-family:'Marker Felt',Verdana;
	font-size: 28px;
	padding:20px;
	color:#63b4e4;
	display:inline-block;
	margin: 50px 150px 10px 150px;
	
}

/*Here starts Contact section*/

.contact{
	width:100%;
	height:300px;
	position:relative;
	padding:20px;
	
}

.input type {
	width:50%;
	padding:12px 20px;
	margin: 10px 0;
	box-sizing:border-box;
}

.box3{
	width:400px;
	height:170px;
	float:right;
	background-color: antiquewhite;
	border-radius: 25px;
	padding:30px;
	position:absolute;
	bottom:10%;
	left:50%;
}
.box3 p{
	background-color: antiquewhite;
	color:#63b4e4;
	font-size:18px;
	
}