/*
* Menu stylesheet
*/




/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #E7DDBE;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #000;
  padding: 11px 18px;
  text-decoration: none;
  font-size: 14px;
  display: block;
}

/* Non-linked menu items */
.nolink {
  color: #5e3606;
  padding: 9px 10px;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  display: block;
  background: #eee;
  border:solid, 1px, #000;
}

/* Style the hamburger menu */
.topnav a.icon {
  font-size: 17px;
  padding: 4px 9px;
  background-color: #F7EDCE;
  border: 1px #000 solid;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #bf9052;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #E7DDBE;
  color: #000;
}

.topnav div.companyname {
  margin-left: 3rem;
  margin-right: 2rem;
  text-align: center;
  font-family: 'Asul', serif;
  font-size: 225%;
  line-height: 1.2;
}

/* wrapper around hamburger and MENU label */
.topnav div.bun {
  width: 7rem;
  height: 4rem;
  float: left;
}

span.menulabel {
  padding-left: 0.5rem;
  color: black;
  font-size: 10px;
}