.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
} 
 nav a#pull {
		display: none;   }
		
		
		 @media screen and (max-width: 730px) {

	nav a#pull {
		display: block;
		/*background-color: #283744;*/
		-background-color:#f1c40f;
	
		-width:15%;
		width:3em;height:3em;
		overflow:hidden;
		padding-left:1em; padding-right:0em;
		position:absolute; float:right;
		margin-top:-3.7em;
		-border-right:1px solid white;
}
nav ul {
		display: none;
		height: auto;
		width:100%!important;
		padding-bottom:1%;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width:80%;
		height:30px;
		margin:auto;
		
		display: inline-block;
		position: absolute;
		
		
		
		-right: 25px;
		top: 10px;
		
	}
}