nav a#pull {
	display: none;
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 900px) {
	
	nav ul{  margin:0;  position:absolute; top:105px;  width:40%; right:10px; background:#2e8ae5; display:none;  padding-left:0px !important; z-index:5000; overflow:hidden; }
	nav li{  width:100% ; padding:10px 0px;  padding-left:0px !important; margin:0px !important; transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s; text-align:center; padding:2%;}
	nav li a{  color:#fff !important;}
	nav li:hover{ background:#8bbc3f;}
	nav li:hover a{ color:#fff;}
	nav a#pull {
		display: block;
		background:url(../images/nav-icon.png) no-repeat;
		width: 100%;
		position: relative;
		
		width: 30px;
		height: 30px;
	}
	
	
	
}

/*Smartphone*/
@media only screen and (max-width : 500px) {
	nav ul{ width:100%; right:0;}
	nav ul{  margin:0;  position:absolute; top:70px;
	
}

@media only screen and (max-width : 320px) {
	
	nav ul{  top:45px;}
	
}