.unslider {
	overflow: hidden;
	margin-top:10%;
	margin-left:20%;
	margin-right:20%;
	padding: 0;
	float:left;
	width:50em;
	color:white;
}
.unslider-wrap {
	position: relative
}
.unslider-wrap.unslider-carousel li {
	float: left
}
.unslider-vertical>ul {
	height: 100%
}
.unslider-vertical li {
	float: none;
	width: 100%
}
.unslider-fade {
	position: relative
}
.unslider-fade .unslider-wrap li {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 8
}
.unslider-fade .unslider-wrap li.unslider-active {
	z-index: 10
}
.unslider li,.unslider ol,.unslider ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none
}
.unslider-arrow {
	position: absolute;
	left: 20px;
	z-index: 2;
	cursor: pointer
}
.unslider-arrow.next {
	left: auto;
	right: 20px
}
.banner{
			height:37.500em;
		}
		/* Style the dots*/
		.unslider {
		   /* set the positioning context for the dots */
		   position: relative;
		}
		.unslider-nav { 
		   /* position the navigation dots over the slides */
		   position: absolute;
		   left: 0;
		   right: 0;
		   top: 95%;

		   z-index: 1000; /* Make sure the dots show over the images */
		}
		
		/* Style the text over the slides */
				.banner {
					text-align: center;
				}
				.banner .slide-text {
					position: absolute;
					left: 0;
					right: 0;
					padding: 150px 0 50px;
			
					color: white;
					text-shadow: 2px 2px 2px rgba(0,0,0, .5);
					font: bold 3em/1.4 Helvetica, Arial, sans-serif;
				}
				a:link, a:visited, a:focus, a:hover, a:active {
					
					text-decoration: none;
				}

		
				/* Style the dots*/
				.unslider {
					/* set the positioning context for the dots */
					position: relative;
				}
				.unslider-nav { 
					/* position the navigation dots over the slides */
					position: absolute;
					left: 0;
					right: 0;
					top: 95%;
			
					z-index: 1000; /* Make sure the dots show over the images */
				}
		
		
				/* Style the arrows*/
				.unslider {
					/* set the positioning context for the dots */
					position: relative;
				}
				.unslider-arrow { 
					/* position the navigation dots over the slides */
					position: absolute;
					top: 50%;
			
					z-index: 1000; /* Make sure the dots show over the images */
			
					font-size: 2em;
					visibility: hidden;
				}
		
				/* Change the arrow styles
					You could also use an image instead
				*/
				.unslider-arrow { 
					visibility: hidden;	/* Hide the default arrows */
				}
		
				/* Use dynamic content to add in a different character and show it */
				.unslider-arrow:before {
					visibility: visible;
				}
				.unslider-arrow.prev:before {
					content: '<';
					color:#478c5c;
					float:left;
				}
				.unslider-arrow.next:before {
					content: '>';
					color:#478c5c;
					float:right;
				}