/*Link for button */
a:active {
	text-decoration: none;
	color: #FFF;
}
a:link {
		text-decoration: none;
	color: #FFF;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
text-decoration: none;
	color: #58585A;
}
a:active {
	text-decoration: none;
	color: #58585A;
}

/* header button */
#navigation { 
    background: #207EA9;
	/*margin: auto;
    position:relative;
     top: 10px; */
	padding: auto ;
	font-size:24px;
	color:#FFF;
	margin-left:auto; 
    margin-right:auto;

	
 /*   border:dotted;
    border-color: black; */
}
/*------------------------------*/
#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;
        }
 
    /* 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;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }
}