header ul { list-style: none; padding: 0px; padding-left:15px; margin: 0px; font-weight: bold; text-align: center;  vertical-align:middle;}
header ul li { display: inline-block; float:left;}
header ul li a { display: block; padding: 15px 10px; text-decoration: none;}

.anchor-link { display: none; text-align: right; padding: 0 1em 0; text-align: center; padding: 10px 15px; color: #fff; background-color: #0084B4; text-decoration: none; margin: 3px; float: right; }
#mobile-nav { display:none; }

@media (max-width:48.000em){
	
	article { padding: 1.5em; }
	header > h1 { text-align: left; float: left; }
	header nav > ul { display: none; }
	.anchor-link, #mobile-nav { display: block; }
	header nav {
		
	}
	ul.open { 
		background-color: #F4F4F4;
	    box-shadow: 2px 2px 3px #444444;
	    display: block;
	    list-style: none outside none;
	    margin: 0;
	    padding: 0;
	    position: absolute;
	    right: 5px;
	    top: 40px;
	    width: 70%;
	    z-index: 500; 
	}
	ul.open li { display: block; list-style: none; text-align: center; }
	ul.open li a { display: block; padding: 20px 10px; border-bottom: 1px solid #ccc; text-decoration: none; }
	ul.open li a:hover {color:#fae80b;}
	
}