html  {
	margin:0;
		background-color:#0D0D0D;

}

body{
	
 	z-index:0;

	height:100%;
	width:100%;
	
	background-color:#0D0D0D;
	
 	min-width: 1000px;
	min-height:800px;
	max-width:1920px;
	
	overflow: hidden;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	font-family: 'Lato', sans-serif;
	text-rendering:optimizeLegibility;
	color:#fff;
 	
	margin: 0 auto !important;
	float: none !important;
	
	
	
}

 




#nav {
	position: absolute;
	left: 50%;
	z-index: 10;
margin-left:-130px !important;
top:250px;
	
	 -webkit-transition: all 1200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all 1200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

#nav a {
	display: block;
	color: #777;
	margin: 15px;
	padding: 5px 20px;
	font-weight: 200;
	text-decoration: none;
	border-bottom:1px solid #111;
	text-transform: uppercase;
	letter-spacing:4px;
text-align:center;
	font-size:27px;
	 -webkit-transition: all 1200ms cubic-bezier(0.215, 0.61, 0.355, 1);
         transition:         all 1200ms cubic-bezier(0.215, 0.61, 0.355, 1);
	
	     transition-property: border, color, font-size, padding;

 

}


#nav a:hover {
		color: #fff;
		border-bottom:4px solid #fff;
              padding:10px 20px;
 

}

#logo {
	position: fixed;
	z-index: 2;
	width: 100%;
	height: 200px;
	text-align: center;
	display: block;
	top: 100px;
	left: 0;

}


#logo img {
	
	width: 200px;
	height: auto;
 
	
}


#social {
	position: fixed;
	z-index: 2;
	width: 100%;
	height: 00px;
	text-align: center;
	display: block;
	bottom: 110px;
	left: 0;
 -webkit-transition: all 1200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all 1200ms cubic-bezier(0.215, 0.61, 0.355, 1);opacity: 1;

}


#social img {
	
	width: 120px;
	height: auto;
 
	
}