@media screen and (min-width: 980px) {
	a.menu-link { display: none; }
	.js nav[role=navigation] { max-height: none; }
	nav[role=navigation] ul { margin: 0; border: 0; }
	nav[role=navigation] li { display: inline-block; padding: 5px; }
	nav[role=navigation] li a { border: 0; } 
	}

@media screen and (max-width: 980px) { 
	#navigation .svg-inline--fa { padding: 0 5px 0 0;}
	#navigation { margin: 0;}
	#navigation a {	padding: 0;}
	body { padding: 20px; }
	#container { max-width: 100%;}
	#header { display: none; } 
	#footer { max-width: 100%; float: none; } 
	#footer { margin: 0;}
	.post { float: none; max-width: 100%; }
	.side { display: none; }
	.featured {max-width: 100%;}
	.featured img {max-width: 100%;}
	#entry { max-width: 100%; float: none; }
	.latimg img { display: none;  }
	#header_sm { display: block; }
	}