#navi {
float: none;
width: 50%;
margin-left: 20%;
text-align: center;
}

#navi li {
float: none;
margin-left: -10%;
font-size: 200%;
width: 100%;
}






/* 
#navi {
width: 95.3%;
height: 40px;
background-color: #d9af85;
border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
}

#navi li {
float: left;
list-style: none;
margin-top: 1%;
width: 16%;
left: 5%;
position: relative;}

#navi li a {
color: black;
text-decoration: none;
font-size: 19px;
font-family: 'Muli', sans-serif;}

#navi li a:hover {
text-decoration: underline;
font-family: 'Muli', sans-serif;}

#navi li a.active {
font-weight: bold;
font-family: 'Muli', sans-serif;} */