@font-face {
    font-family: 'jenna_sueregular';
    src: url('../font/jennasue-webfont.eot');
    src: url('../font/jennasue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/jennasue-webfont.woff2') format('woff2'),
         url('../font/jennasue-webfont.woff') format('woff'),
         url('../font/jennasue-webfont.ttf') format('truetype'),
         url('../font/jennasue-webfont.svg#jenna_sueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	margin:0;
	padding:0px;
}
#slider {
	position:relative;
}
#slider .slider {
	height:100%;
	width:100%;
	display:none;
	position:absolute;
}
#slider .slider p {
	text-align:center;
	font-size:40px;
	font-weight:bold;
}

#slider>div {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.s1 {
	color:#fff;
	text-align:center;
}

.banner{
	top:48%;
	text-align:center;
	width:100%;
	position:absolute;
	text-align:center;
}

.s1f1 {
	font-family: 'Lato', sans-serif;
	font-size:40px;
	font-weight:700;
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
		text-shadow: black 2px 2px 2px;

}
.s1f2 {
	font-family: 'Lato', sans-serif;
	font-size:37px;
	line-height:37px;
	font-weight:400;
	text-transform:capitalize;
	text-align:center;
		text-shadow: black 2px 2px 2px;

}


#selector {
	position:absolute;
	text-align:center;
	bottom:0px;
	width:100%;
}
#selector>span {
	width:8px;height:8px;
	border-radius: 7px;
	display:inline-block;
	border:3px solid #fff;
	margin:2px;
	cursor:pointer;
}
#selector .selectorSelected {
	background-color:#fff;
}

@media screen and  (max-width : 768px) { 
.banner {
	text-align:center;
	top:44%;
	right:0;
	width:100%;
	background-color:rgba(0, 0, 0, 0.6);
	padding:15px 0;
}

.s1f1 {
	font-size:22px;
}
.s1f2 {
	font-size:29px;
}

}

@media screen and  (max-width : 736px) { 

.slider {
	 background-position: 33% -20%;
}


}