Zoid Nav Bar CSS

/*Css Navigation code*/
.unity-code-logo{
  background-size: 100px 59px;
  width: 50px;
  height: 59px;
  position: absolute;
  top: 20px;
  left: 460px;
}
.main-navigation{
  display: inline;
  font-family: ubuntu;
  font-size: 15px;
  font-weight: bold;
}
.main-navigation ul{
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    color: #fff;
   background: #181818;
    display: block;
    float: left;
    margin: 0 2px 0 0;
    padding: 12px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
.main-navigation li a{
  color: #fff;
  text-decoration: none;
  display: block;
}
.main-navigation li:hover{
  @include transition(background, 0.25s);
  background: #453E3E;
}
.main-navigation ul li ul{
  background: #181818;
  visibility: hidden;
  float: left;
  min-width: 150px;
  position: absolute;
  transition: visibility 0.65s ease-in;
  margin-top:12px;
  left: 0;
  z-index: 999;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li ul:hover{
  visibility: visible;
}
.main-navigation ul li ul li {
    clear: both;
    padding: 5px 0 5px 18px;
  width: 100%;
}

.main-navigationul li ul li:hover {
    background: #74b7e4;
}
.navbar-brand
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
}