header{
	z-index:9;	
}
#slider{
	width:100%;
	height:650px;
	float:left;
	margin:0;
	padding:0;
}
.slides li{
	height:650px !important;	
}
.flexslider{
	border:none !important;
}
.slider-content{
	margin:28% 0 0 0;	
}
.slider-content h3{
	margin:0;
	padding:0;
	line-height:60px;
	font-size:48px;
	color:#fefefe;
	text-align:center;
	text-shadow:1px 1px 3px #000;		
}

.swiper-container {
	width: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	padding-top: 35%;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.swiper-slide h3{
	position: absolute;
	top: 50%;
	margin:0;
	padding:0;
	line-height:65px;
	font-size:58px;
	color:#fefefe;
	text-align:center;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #555, -1px -1px 1px #aaa;
}
.swiper-slide h3 a{
	color:#fefefe;
}

#destinations{
	padding:10px 0 30px 0;	
}
#destinations .post{
	width:42%;
	padding:2%;
	margin:30px 0;
	margin-left:2%;
	min-height:400px;
	float:left;
	border:4px solid #fafafa;
	border-radius:3px;
}
#destinations h3{
	font-size:18px;
	color:#555;
	padding:10px 0;
	margin:8px 0;	
}
#destinations p{
	font-size:14px;
	color:#999;
	padding:10px 0;
	margin:0;	
}
.destination-bkg{
	width:100%;
	float:left;
	padding-top:150px;
	height:230px;
	background:url(/images/destinations/d2.jpg) no-repeat;
	background-position:0;
	background-size:cover;
	z-index:0;	
	margin:40px 0;	
}
@media only screen and (max-width: 480px){
.slider-content{
    margin: 48% 0 0 0;
}
.swiper-slide h3{
	font-size:140%;
}
#slider{
	height:380px;	
}
.slides li{
	height:380px !important;	
}
#destinations p{
	font-size:80%;
	padding-left:1%;
	padding-right:1%;	
}
#destinations h3{
	font-size:100%;	
}
}

@media only screen and (max-width: 1280px){
	.swiper-slide{
		padding-top: 60%;
	}
}
@media only screen and (max-width: 768px){
.slider-content{
    margin: 38% 0 0 0;
}
	.swiper-slide h3{
	font-size:180%;
}
#slider{
	height:480px;	
}
.slides li{
	height:480px !important;	
}
#destinations p{
	font-size:80%;
	padding-left:1%;
	padding-right:1%;	
}
#destinations h3{
	font-size:100%;	
}
	.swiper-slide{
		padding-top: 75%;
	}
}