#nav
{
    /* container */
}
    #nav > a
    {
        display: none;
    }
    #nav li
    {
        position: relative;
    }
 
    /* first level */
 
    #nav > ul
    {
        height: 1em;
    }
        #nav > ul > li
        {

        }
 
    /* second level */
 
    #nav li ul
    {
        display: none;
        position: absolute;
        top: 100%;
    }
        #nav li:hover ul
        {
            display: block;
        }
	@media only screen and ( max-width: 40em ) /* 640 */
{
	
    #nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
	nav ul li a{    padding: 1rem;}
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: static;
        left: 0;
        right: 0;
    }
        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: left;
			border-bottom: 1px solid #fff;
			 text-align:center;
        }
	.res-nav-link {
    color: #ffffff;
    background: rgba(110,143,10,1);
}
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }
}