body#index .navbar {
  margin-bottom: 0px;
  z-index: 100;
}

header {
  padding-top: 0em; 
  background-color: #006197;
}

.navbar-static-top {
  border-width: 0px 0 1px 0;
}


.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
  color: #02517d;
  background-color: #fff;
}


@media (max-width: 767px){ 
  #logo {
    display: block;
    position: absolute;
    z-index: 1001;
    top: 5px;
  }

  #logo img {
    max-height: 50px;
  }

}


@media (min-width: 768px){   

  .navbar-nav {
    float: right;
    min-height: 105px; 
    padding: 25px 0;
    z-index:100;
  }

  .navbar-nav > li {
    float: left;
    border-left: 1px solid #fff;
    border-right: 2px solid #fff;
    margin-bottom: 10px;
  }

  .navbar-nav > li > a {
    padding-top: 2px;
    padding-bottom: 2px; 
    font-weight: bold;

  }

  .nav > li > a {
    padding: 5px 10px;
  }  

  #logo {
    top: 10px;
    display: block;
    position: relative;
    z-index: 1000;
  }


}

@media (min-width: 1199px){
  #motive {
    height: 450px;
  }

  .navbar-nav {
    float: right;
    min-height: 105px; 
    padding: 35px 0 30px 0;
    z-index:100;
  }

  #logo {
    display: block;
    position: absolute;
    z-index: 1001;
    top: 10px;
  }

  #logo img {
    max-height: 90px;
  }
}