/* Make the menu bar solid white and remove any gradients/images */
nav#menu {
  background-color: #ffffff !important;
  background-image: none !important;
  background: none !important;
  border: none !important;
}

/* Ensure inner containers don't reapply a background */
nav#menu .container,
nav#menu .navbar-collapse,
nav#menu .navbar-header {
  background: none !important;
  background-image: none !important;
  background-color: #ffffff !important;
  border: none !important;
}

/* Text color for items */
nav#menu .navbar-nav > li > a {
  color: #4f4f4f !important;
}
nav#menu .navbar-nav > li > a:hover,
nav#menu .navbar-nav > li > a:focus {
  color: #333333 !important;
}

/* Apply Open Sans to the main menu */
nav#menu,
nav#menu .navbar-nav > li > a,
nav#menu .dropdown-menu,
nav#menu .dropdown-menu > li > a {
  font-family: "Open Sans", Arial, sans-serif !important;
  font-weight: 350 !important; /* normal weight */
  font-style: normal !important;
  font-size: 14px;
  letter-spacing: 2 !important;
}

/* Slightly bolder for menu links if you prefer */
nav#menu .navbar-nav > li > a {
  font-weight: 350 !important;
}

/* Dropdown items */
nav#menu .dropdown-menu > li > a {
  font-weight: 350 !important;
}




/* Center and Size Main logo */
#logo {
    text-align: center;
}
#logo img {
    width: 35vw;   /* 35% of the viewport width */
    height: auto;  /* keep aspect ratio */
    margin: 0 auto;
    display: block;
}


/* Make the Cart Button at the top a lighter grey colour */

#cart > .btn.btn-inverse.dropdown-toggle {
  background-color: #808080 !important;
  border-color: #808080 !important;
  color: #fff !important;
}


/*

header #cart > button.btn.btn-inverse {
  background-color: #808080 !important;
  border-color: #808080 !important;
}

header #cart .btn.btn-inverse.dropdown-toggle {
  background-color: #808080 !important;
}


#cart > button {
    background-color: #ccc; /* light grey */
}

/*

#cart .btn-inverse {
  background-color: #ccc !important; 
  border-color: #ccc !important;
  color: #ccc !important;
}

.btn-inverse:hover,
.btn-inverse:focus {
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}