/* site-navigation */	
#menuToggle { display:none; }
#menuToggle:checked ~ nav.site-menu { position: absolute; left: 0; }			
nav.site-menu { transition: all .3s ease-in-out; 
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out; }	
nav.site-menu { text-align: center; width: 240px; height: 100%; left: -240px; position: absolute; background: burlywood; }
nav.site-menu a { display: block; padding: 5px 0; border-bottom: 1px solid black; color: #4d4d4d; text-decoration: none; }
nav.site-menu a:hover {background-color: navajowhite; }
nav.site-menu li { list-style-type: none; }
nav.site-menu li:last-child a { border-bottom: none; }	

/* breakpoint 375 */		
@media (max-width: 375px) 
{
		nav.site-menu { font-size: 85%; width: 140px; height: 100%; left: -140px; }	
    	nav.site-menu a { padding: 3px 0; }	
}