nav {
	height: 30px;
	width: 100%;
	position: relative;
	z-index:1000;
		
}

nav .menu {
	padding-top:10px;
	display: block;
	text-align:center;
	font-size:0;
	 transform:translate3d(0,0,0);
	
	 

}

.menu div {
	position:relative;
	display: inline-block;
	min-width:100px;
	line-height:50px;
	color:#909090;
	font-size:14px;
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	font-weight:500;	
	padding:0px 5px;
	text-transform:uppercase;
	text-decoration: none;
	cursor:pointer;
	background-color:rgba(255, 255,255,.8);
	transition:500ms ease all;
	transform:translate3d(0,0,0);
	box-shadow:0px 1px  1px 0px rgba(1,1,1,.2);
	z-index:9999;
}

.menu a:hover div,
.menu div.selection{
	background-color:rgba(0, 132, 255,.9);
	color:rgba(255, 255, 255,.8);
	box-shadow: 2px 4px  10px rgba(1,1,1,.4);
	z-index:10000
	}


.logo{
	position:absolute;
	top:40px;
	left:0px;
	right:0px;
	bottom:0px;
	width:960px;
	margin:20px auto;
	z-index:10000;
	  -webkit-animation: logoAnimation 6s linear ;
    -moz-animation: logoAnimation 6s linear  ;
    -o-animation: logoAnimation 6s linear  ;
    -ms-animation: logoAnimation 6s linear  ;
    animation: logoAnimation 6s linear  ;
	}
	
.logo img{width:250px;}

#pull {
	display:none;
	
}


@media screen and (max-width: 800px) {
	.menu div {
  		min-width:60px;
		
  	}
  
}

@media only screen and (max-width : 480px) {
	nav {
		height: auto;
	
		border-bottom: 0;
		background-color:transparent;
	}
	

	
	nav .menu {
		width: 100%;
  		display: none;
  		height: auto;
		padding: 0px;background-color:rgba(255, 255,255,1);
	}
	
	nav .menu div {
  		width: 50%;
  		float: left;
		height:100px;
		line-height:100px;
  		position: relative;
  	}
#pull {
	display: block;text-align:right;
	width: 100%;
	position: relative;
	}
	
.logo{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
	margin: 0px !important;
	margin-bottom: none;
	margin-right: none;
	margin-top: 0px;
	height:100px;
	padding:0px;
	z-index:10000;
	-webkit-animation: logoAnimation 6s linear ;
    -moz-animation: logoAnimation 6s linear  ;
    -o-animation: logoAnimation 6s linear  ;
    -ms-animation: logoAnimation 6s linear  ;
    animation: logoAnimation 6s linear  ;
	}
	
	.logo img{width:160px;
}
	#pull img{margin:10px;}
}