body { font-family: 'Open Sans Condensed'; font-size: 14px; COLOR: #fff; padding: 0; margin:0; text-decoration: none; }
a { font-family: 'Open Sans Condensed'; font-size: 14px; COLOR: #fff; padding: 0; margin:0; text-decoration: none; }
a:hover { color: #fefefe; }

html { 
	background: #000000;
}
html, body { padding: 0; margin: 0; min-height: 100%;}

body { height: 100%; }

nav,
nav ul,
nav ul li { margin: 0; padding: 0; list-style: none; }

nav { 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background: rgba(0,0,0,0.0);
	padding: 20px;
	z-index: 999;
	transition: background .25s ease-out;
}

nav.open ul{ display: block !important; }

nav .nav-inner { max-width: 1024px; margin: 0 auto; }

nav:hover { 
	background: rgba(0,0,0,0.7);

	
}
nav a img { float: left; }
nav ul { float: right; height: 75px; box-sizing: border-box; padding: 14px 0; }

nav ul li { display: block; float: left;}
nav ul li a, nav ul li a:hover { text-shadow: 1px 1px rgba(0,0,0,0.7);display: block; text-decoration: none; font-size: 25px; padding: 5px 40px; background: rgba(0,0,0,0); font-family: 'Open Sans Condensed'; border-bottom: 4px solid rgba(0,0,0,0); }
nav ul li a:hover, 
nav ul li a:active{ display: block; border-bottom: 4px solid #00AAFF; background: rgba(255,255,255,0.1); }

h1 { font-size: 30px; text-align: center;   font-family: 'Open Sans Condensed'; font-weight: 300; }

.menu-button { padding: 10px; font-size: 32px; float: right; border: 1px solid rgba(255,255,255, 0.7); cursor: pointer; 	}

#PepFeslerPages
{ min-height: calc(100% - 90px); }

.carousel-inner{  height: 100%; }


.item {
box-sizing: border-box;
padding: 0 0;
height: 100%;
background: #000000;
}
.welcome { cursor: pointer; }
.welcome, 
.dj-pep,
.tour-pep,
.book-pep{
	box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
	height: 100%; 
	background: #000000 url('./pepfesler_logo.png') center center no-repeat;
	background-size: 50%;
}
.dj-pep {
padding-top: 180px;
background-image: url('./images/pep-the-man-spinnin-3.jpg');
background-size: cover;
}
.tour-pep {
padding-top: 180px;
background-image: url('./images/pep-tour.jpg');
background-size: cover;
}
.book-pep {
padding-top: 180px;
background-image: url('./images/performance3.jpg');
background-size: cover;
}

.bookings { width: 60%; min-width: 768px; max-width: 1024px;  padding: 30px; margin: 0 auto; background: rgba(0, 0, 0, 0.5); line-height: 24px;}
.bookings .header div { }                                            
.bookings .header div span { font-size: 18px; border-bottom: 2px solid #00AAFF; }
.bookings .normal div { font-size: 16px; line-height: 24px;  padding-top: 15px;}
.book-me-holder { text-align: center; padding: 50px 0 0;}
.book-me { font-size: 20px; line-height: 30px; display: inline-block; font-family: 'Open Sans Condensed'; font-weight: 300; padding: 10px 20px; text-decoration: none; background: rgba(255,255,255, 0.2); border-bottom: 4px solid #00AAFF; }
.book-me:hover {  text-decoration: none; background: rgba(255,255,255, 0.5); }


.social { position: fixed; bottom: 0px;  padding: 25px; box-sizing: border-box; width: 100%; text-align: center; } 
.social a { display: inline-block; padding: 10px 0; box-sizing: border-box; width: 48px; text-align: center; border-bottom: 4px solid rgba(0,0,0,0); }

.social a:hover { color: #00AAFF; background: rgba(255,255,255,0.1); border-bottom: 4px solid #00AAFF;  }




@keyframes pulse {
	from {
		background-size: 40%;
		opacity: 0.75;
	}
	50% {
		transform: 60%;
		opacity: 1.0;
	}
	to { 
		transform: 50%;
		opacity: 0.75;
	}
}

h1.pulse { opacity: 0.75; }
h1.pulse:hover { 
	animation-name: pulse; 
	animation-duration: 1s; 
	animation-iteration-count: infinite; 
}


.clearer { clear: both; }

.show-below-768 { display: none; }
.hide-below-768 {}
@media only screen and (max-width: 768px)
{ 
	/* Reset heights for mobile */
	body { height: auto; }
	#PepFeslerPages { min-height: none; height: auto; }
	.carousel-inner,
	.item,
	.welcome, 
	.dj-pep,
	.tour-pep,
	.book-pep {  height: auto; min-height: 100%; }
	
	.welcome { height: 100%; }
	
	.tour-pep,
	.dj-pep,
	.book-pep { padding-top: 95px; padding-bottom: 150px;}
	
	.hide-below-768 { display: none;}
	.show-below-768 { display: inherit;}
	
	nav.open { background: rgba(0,0,0,0.7); }
	nav ul { float: none; height: auto; }
	nav ul li { display: block; float: none; }
	nav ul li a { display: block; }
	
	.bookings { min-width: 320px; width: 100%; }
}