body {
	/* Location of the image */
	/* Background image is centered vertically and horizontally at all times */
	background-position: left top;
	/* Background image doesn't tile */
	background-repeat: no-repeat;
	/* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
	background-attachment: fixed;
	/* This is what makes the background image rescale based
     on the container's size */
	background-size: cover;
	/* Set a background color that will be displayed
     while the background image is loading */
	background-color: #000000;
	height: 100%;
	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgba(255,255,255,1.00);
}

#logoimg{


	max-width: 450px;
	height: auto;
	padding-left: 25px;
	padding-top: 20px;
	content: url(../images/full_logo_resized.png);
	
}


/*Header*/
header {

	width: 100%;
	/*position: fixed;*/
	top: 0;
	left: 0;
	z-index: 1;
	/*border-style: dashed;*/

}

#regularnav {

	float: right;
	padding-top: 2%;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 5px;	
	
}

ul {

	list-style: none;

}

#regularnav li {

	display: inline-block;
	float: left;
	padding: 20px

}

#regularnav li:hover {

	opacity: 0.5;

}


#regularnav ul li a {
	
	color: rgb(255,255,255);
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 20px;
	font-weight: 200;
	/*border-style: dashed;	*/
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility; 

}

#menu-icon {

	display: none;
	padding-top: 45px;
	
	width: 40px;
	height: 40px;
	background: url(../images/menu-icon.png) center;
	background-repeat: no-repeat;

}

/* OVERLAY */

#op {
  display:none;
}

.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.9);
	opacity: 0;
	visibility: hidden;
	z-index:50;
}

.overlay label{
	width: 58px;
	height:58px;
	position: absolute;
	right: 20px;
	top: 20px;
	background: url(../images/cross.png);
	z-index: 100;
  cursor:pointer;
}

.overlay #overlaynav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 40px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
}

.overlay ul li a {
	font-weight: 300;
	display: block;
	color: white;
  text-decoration:none;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
  text-transform:uppercase;
}

.overlay ul li a:hover,
.overlay ul li a:focus {

}

#op:checked~.overlay-hugeinc{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc #overlaynav ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

#op:checked~.overlay-hugeinc #overlaynav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

#op:not(:checked)~.overlay-hugeinc #overlaynav ul {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}

.overlay label{
	width: 58px;
	height:58px;
	position: absolute;
	right: 20px;
	top: 20px;
	background: url('http://tympanus.net/Development/FullscreenOverlayStyles/img/cross.png');
	z-index: 100;
  cursor:pointer;
}



/*media query displays menu button instead of full menu bar under 975px*/
@media only screen and (max-width : 975px) {

	#menu-icon {
		display:inline-block;
	}
	
	#regularnav ul, #regularnav:active ul { 
		display: none;
	}

}

/*media query goes to half logo when under 625px*/
@media only screen and (max-width : 625px) {

	#logoimg {
		content: url(../images/half_logo_resized.png);
	}
	
	#logoimg {
		width: 135px;
		height: auto;
		padding-left: 25px;
		padding-top: 20px;
	}
	
}