<header>
        <div class="row">
            <div class="container">
                <ul id="accnt_nav" class="nav nav-pills pull-right">
                   <li><a href="">Sign in</a></li>
                   <li><a href="">Register</a></li>
                   <li><a href="">My Account</a></li>
                   <li><a href="">Wholesale</a></li>
                   <li>Contact Us:<a href="#contact">info@healinghomefoods.com</a></li>
                </ul>
            </div>
        </div>

        <div class="row">
           <ul class="nav nav-pills pull-right">
               <li><a href="">Search</a></li>
               <li><a href="">Cart</a></li>
           </ul>
       </div>

       <div class="row">
           <div class="container">
                <ul id="header-nav" class="nav nav-pills pull-right">
                    <li class="">
                        <a href="#" class="logo-link"> <img class="logo" src="http://placehold.it/150/3498db/fff"></a>
                    </li>
                    <li><a href="">shop online</a></li>
                    <li><a href="">ingredients</a></li>
                    <li><a href="">locations</a></li>
                    <li><a href="">faq & info</a></li>
                    <li><a href="">about us</a></li>
                </ul>
          </div>
       </div>

    </header>
</div>

body {
  font-family: "Georgia";
}

a {
  color: #a3876e;
}

header{
  background-color: #efe3d0;
  -moz-box-shadow: 0px 5px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 5px rgba(0,0,0,0.2);
  box-shadow: 0px 5px 1px rgba(0,0,0,0.2);



}

#header-nav {
  color: #694220;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: -55px;
}

#header-nav a {
  color: #694220;
}


.logo { border-radius: 100%; }
.logo-link { /*margin-bottom: -75px;*/ }



/*Overrides */

ul.nav a:hover {
   background-color: rgba(255, 255, 255, .1);
}



.nav-pills > li:last-child {
  margin-left: 26px;
  width:300px;
}

.nav-pills > li > a {
display: inline-table;
}