#nav
{
    /* container */
}
    #nav > a
    {
        display: none;
    }
    #nav li
    {
        position: relative;
    }
 
    /* first level */
 
    #nav > ul
    {
        height: 3.75em;
        
    }
        #nav > ul > li
        {
            width: 25%;
            height: 100%;
            /*float: left;*/
            font-family: 'lane_-_narrowregular';
            margin:0px;
            /*padding-top:10px;*/
        }
 
    /* second level */
 
    #nav li ul
    {
        display: none;
        /*position: absolute;*/
        top: 100%;
        width:100%;
        font-family: 'lane_-_narrowregular';
        /*text-transform:uppercase;*/
        box-shadow: 0 15px 15px -15px rgba(0,0,0,0.5);
    }
        #nav li:hover ul
        {
        width:100%;
            /*display: block;*/
        }

        @media only screen and ( max-width: 768px ) 
{
    #nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
            font-family: 'lane_-_narrowregular';
            color:#ce5d44;
            text-decoration:none;
            font-size:2em;
            text-align:center;
            /*padding-top:15px;*/
            width:100%;
            /*text-transform:uppercase;*/
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        width:100%;
        z-index:9999;
        /*position: absolute;
        left: 0;
        right: 0;*/
        background-color:#ffffff;
        
    }
        #nav:target > ul
        {
            width: 100%;
            display: block;
            margin:0px;
        }
        #nav > ul > li
        {
            width: 100%;
            /*float: none;*/
            text-align:center;
            background-color:#ffffff;
        z-index:9999;
            margin:0px;
            
        }
 #nav > ul > li a {
             width:100%;
             color:#ce5d44;
            text-decoration:none;
            font-size:1.5em;
            z-index:9999;
            text-align:center;
 }
    /* second level */
 
    #nav li ul
    {
        position: static;
        z-index:9999;
            margin:0px;
        width:100%;
    }
    #nav li:hover ul
					{
        z-index:9999;
            margin:0px;
        width:100%;
						display: block;
						/*left: 0;
						right: 0;*/
					}
}