div.navbar {
  font-size: 1.2em;
  display: table;
  position: relative;
  border-bottom: 1px solid #c7b295;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#navi
{
float:left;
position: relative;
left: 50%;
margin: 0 auto;
padding: 0;
}
#navi li {
right: 50%;
}

ul#navigation, ul#navigation ul {
 margin: 0 auto;
 padding: 0;
 list-style: none;
 list-style-type: None;
 height: 32px;
 background-color: white;
}

ul#navigation li {
 float: Left;
 position: Relative;
 margin-left: auto;
 margin-right: auto;
 background-color: white;
}

ul#navigation li a {
 font-family: 'Julius Sans One', sans-serif;
 display: Block;
 width: 160px;
 line-height: 30px;
 text-align: Center;
 color: #171717;
 text-decoration: None;
 border: 1px Solid #FFFFFF;
 border-bottom: 0;
 border-radius: 19px;
 margin-left: auto;
 margin-right: auto;
}

ul#navigation li a:hover {
 background: linear-gradient(#FFFFFF, #235b34);
 background: #235b34;
 color: white;
}

ul#navigation li ul {
 display: None;
 position: Absolute;
 left: 90px;
 top: 31px;
 z-index: 100;
 margin-left: auto;
 margin-right: auto;
 background-color: white;
}

ul#navigation li:hover > ul {
 display: Block;
}

ul#navigation li ul a {
 background-color: rgba(255, 255, 255, 0.77);
}

h1, p {
 clear: Left;
}

ul { list-style: none; }