header, footer{
	position:absolute;
	background-color: #000;
	width: 100%;
	height:100px;	
}

header nav {	
	padding-top:0px;
}

header nav ul {
	margin: 30px 0 0 0;	
}

footer {
	height:50px;
	bottom:0;
	text-align:center;
}



/* ==========================================================================
   Custom styles
   ========================================================================== */
header .header-container {
}
   
header .logo {
	float:left;
	display:none;
}  

.center-container{
	height:100vh; 
	background-image: url("../img/overlay.png");
	background-repeat: no-repeat;	 
	background-position: center;
	background-size: cover;	
	overflow:hidden;
}
 
 
  
 @media only screen and (max-width : 1910px) {	
	.center-container{	
	background-image: url("../img/overlay2.png");	
	}
}
 
  
 @media only screen and (max-width : 1720px) {	
	.center-container{	
		background-image: url("../img/overlay3.png");	
	}
}
 
  
 @media only screen and (max-width : 1450px) {	
	.center-container{	
		background-image: url("../img/overlay4.png");	
	}
}

 
 @media only screen and (max-width : 1210px) {	
	.center-container{	
		background-image: url("../img/overlay5.png");	
	}
}

 
 @media only screen and (max-width : 1080px) {	
	.center-container{	
		background-image: url("../img/overlay6.png");	
	}
	
	.logo {
		display:none !important;
	}
}

 @media only screen and (max-width : 800px) {	
	
	header nav {
		float:none;
		margin-right:0;
	}
	
}


 @media only screen and (max-width : 570px) and (min-height : 500px) {	
	.center-container{	
		background-image: url("../img/cutout3.png");		
	}	
	
	.logo {
		display:block !important;
	}
	
	header nav {
		float:none;
		margin-right:0;
	}
	
 }
 /*
 @media only screen and (max-height : 360px) {	
	.center-container{			
		background-image: url("../img/overlay6.png");	
	}
	
	.logo {
		display:none !important;
	}
	
	
} 
*/