header

<!---Html--->
<div class="row clearfix">
    <div class="col-md-12 column no-padding tocenter">
       <img src="img/children.jpg" class="img-responsive">
  </div>
</div>

<div class="row clearfix">
<div class="col-md-12 column">
    <nav class="navbar navbar-default" role="navigation">
    <!--<div class="navbar-header">
      <a class="navbar-brand" href="#">Percikan Api</a>
   </div>-->
   <div>
      <ul class="nav navbar-nav">
         <li ><a href="#">Percikan</a></li>
         <li><a href="#">Renungan</a></li>
         <li><a href="#">Pusparagam</a></li>
        <li><a href="#">Lintasan</a></li>
        <li><a href="#">Kontak</a></li>
      </ul>
   </div>
</nav>

        </div>
    </div>

<!---CSS---->
.tocenter {
    margin: 0 auto;
    z-index: -100;
 }
/*navbar css default */
.navbar-default {
  margin-top: -60px;
  background-color: #51764e;
  border-color: #51764e;
}