nav { margin-top: 30px;}

a:hover, nav a:visited {
    color: black; text-decoration:none;
}
nav a {
color: #000000;
    font: 12px/32px "GothamHTF-Medium",sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-top: 0;
    -webkit-transition: border-bottom-color 0.2s linear;
    -moz-transition: border-bottom-color 0.2s linear;
    -ms-transition: border-bottom-color 0.2s linear;
    -o-transition: border-bottom-color 0.2s linear;
    transition: border-bottom-color 0.2s linear;
    display: block;
    margin-bottom: 00px;
    padding: 0px 0;
    text-align: center;
    text-decoration: none;
    color: #000000;
    background:none;
}

nav a:hover {color: #000000; text-decoration:none;
    border-bottom: 2px solid #494949; }
	
#navi
{
    /* container */
}
    #navi > a
    {
        display: none;
    }
    #navi li
    {
        position: relative;
    }
 
    /* first level */
 
    #navi > ul
    {
        height: 3.75em;
    }
        #navi > ul > li
        {
            width: 20%;
            height: 100%;
            float: left;
        }
 
    /* second level */
 
    #navi li ul
    {
        display: none;
        position: absolute;
        top: 100%;
    }
        #navi li:hover ul
        {
            display: block;
        }
@media only screen and ( max-width: 40em ) /* 640 */
{
	nav { margin-top: 10px;}
	nav a:hover {border-bottom:none; }


    #navi
    {
        position: relative;
    }
        #navi > a
        {
        }
        #navi:not( :target ) > a:first-of-type,
        #navi:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */
 
    #navi > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        #navi:target > ul
        {
            display: block;
        }
        #navi > ul > li
        {
            width: 100%;
            float: none;
        }
 
    /* second level */
 
    #navi li ul
    {
        position: static;
    }
}