/*---- Front Screen Background ----*/
.header{
	background:url(../images/banner.jpg)no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	min-height:200px;
	text-align:center;
	padding:1em 0 0 0;	
}
.slide-content h2{
	font-size:3em;
	margin:1em 0 0.5em;
	color:#fff;
	font-weight:700;
}
.meimgDiv{
	position: relative;
	padding-top: 0em;
	margin-bottom: 6rem;
	height: 25em;	
	width: 100%;
}
.meimg{
	width: 80%;
}
.textpagerDiv{
	height: 25em;	
	width: 100%;
	padding-bottom: 0rem;
	padding-top: 5rem;
}
/*---- Fixed Navigation ----*/
.top-nav ul{
	margin:0;
	padding:0;
	background:#222020;
	text-align:center;	
}
.top-nav ul li{
	display:inline-block;
}
.top-nav ul li a{
	padding:.5em 1.1em;
	
	display:block;
	text-decoration:none;
	color:rgb(229, 233, 233);
	font-weight:400;
	font-size:1.5em;
	transition:.5 ease;
	text-transform:uppercase;
}
.top-nav ul li a:hover{
	
	font-family:fantasy;
	text-transform: capitalize;
}
.fixed{
	position: fixed;
	top: 0;
	width: 100%;
	margin: 0 auto;
	z-index: 1001;
}
.nav-palceholder{
	margin:0 0 40px 0;
}
.top-nav ul li.active a{
	font-weight:800;
}
.active{
	font-size:1.4em;
	font-weight:800;
	background: url(../images/nip.png) no-repeat bottom;
	background-size: .5em .5em;
}

/*---- Fixed navigation shrink to button -----*/
@media (max-width:480px){
	.slide-content h2{
		font-size:2.0em;
		margin:0.5em 0 1em;		
		font-weight:500;
	}
}	
@media (max-width:768px){
	span.menu{
		width:24px;
		height:24px;
		background:url(../images/nav.png)no-repeat;
		display: block;
		text-align:center;
		margin:0 auto;
		cursor: pointer;
	}
	.top-nav ul {
		display: none;
	}
	nav{
		background:#000;
		padding:10px;
	}
	.top-nav ul li {
		display: block;
	}
	.active{
		background:none;
		font-size:1.2em;
	}
	.top-nav ul li a{
		padding:10px 0;
	}
	.top-nav ul li a {
		font-size: 1em;
	}
}