/* Force menu to display below logo on new line */
#main-menu, .main-menu {
  text-align: center;
  clear: both;
  width: 100%;
  display: block;
  margin-top: 10px;
}

#main-menu ul, .main-menu ul {
  display: inline-block;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}

#main-menu ul li, .main-menu ul li {
  display: inline-block;
  margin: 0 15px;
}

/* Make sure menu items are properly spaced */
.main-menu ul li a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

/* Ensure logo and menu don't float side by side */
.logo {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

/* Force header to stack vertically */
.header {
  display: block;
}

.header .logo,
.header .main-menu {
  float: none !important;
  display: block;
  width: 100%;
}