ul.slides,
ul.slides li { margin: 0; padding: 0; }

.slides img { max-width: 100%; margin: 0; padding: 0; margin-bottom: -10px}

.big-banner,
.fade-numbers  {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

ul.slider-nav {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 10px;
	right: 20px;
	z-index: 100;
	list-style: none;
}

ul.slider-nav li { 
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	color: #ddd;
	font-family: arial;
	font-size: 2.0rem;
	font-weight: bold;
	text-shadow: 2px 5px 20px rgba(0, 0, 0, 1);
}

ul.slider-nav li:hover { cursor: pointer; color: #efefef; }
ul.slider-nav li.flex-active { color: #fff }

.slides li { position: relative; }
.slide-text { position: absolute; bottom: 40px; width: 95%; }

.slide-text .container { padding: 20px 0; }

.slide-text h1, .slide-text h2, .slide-text h3, 
.slide-text h4, .slide-text p, .slide-text { color: #efefef; }
.slide-text h1, .slide-text h2, .slide-text h3,  .slide-text h4 {
	background: #999;
	display: table;
	padding: 5px 10px;
	margin-bottom: 0px;
}

.slide-text h3 { background: #00AEC5; }

.slide-text h4 { font-size: 2rem; }

/*
.slide-text h1:after, .slide-text h2:after, 
.slide-text h3:after,  .slide-text h4:after { white-space: pre; content:"\A"}
*/

.slide-text p, .slide-text {
	/* text-shadow: 2px 2px 20px rgba(0, 0, 0, 1); */
}

/* #Media Queries
================================================== */

	@media  (max-width: 750px) {
		ul.slider-nav { display: none; }
		
		.slide-text { 
			position: static;
			margin: 0;
			padding: 10px 0;
			width: 100%;
			background: #999;
		}
		
		.slide-text .container { padding: 0; }
		
		.slide-text h1, .slide-text h2, .slide-text h3, 
		.slide-text h4, .slide-text p { 
			padding: 3px 5px;
			margin-bottom: 0px;
			background: none;
		}
	
	}