/* FlexSlider style for Haven Template
 * by Craig800 http://themeforest.net/user/craig800
 * 
 */

#hero-slider .slides li { height: 760px; position: relative; background-size: cover !important; background-attachment: fixed !important; }
#hero-slider .slides li:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: #222; opacity: 0.4; }

.hero-title{ overflow: hidden; text-align: center; margin-bottom: 66px; }
.hero-title h1{ 
	clear: both; 
	border-right: 7px solid #fff; 
	border-left: 2px solid #fff; 
	border-bottom: 2px solid #fff; 
	font-size: 3.8em;	
	padding: 22px;
	letter-spacing: 5px;
	margin-right: -5px;
}
.hero-title .alt-h{ position: relative; top: 17px; }
.slide-content .btn { text-transform: uppercase; }

/************** SMARTPHONES ****************/
@media only screen and (max-width: 767px){
	.hero-title h1{ border: none; font-size: 2.5em; }
	.flex-control-nav{ display: none !important; }
	#hero-slider .slides li{ background-attachment: scroll !important; }
}

/***************** TABLETS Portrait & landscape ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#hero-slider .slides li{ background-attachment: scroll !important; }
}

/**************** SMALL SCREENS *****************/
@media only screen and (max-width: 960px){

}