#myNav {
  background: #fff !important;
  z-index: 9999 !important;
}
.overlay {
  height: 0%;
  width: 100%;
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
}

.overlay a {

  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}
.icon-reorder {
  color: #ad976d !important;
  font-size: 120% !important;
  margin-top: 4px !important;
}
.mobile-nav {
  padding-top: 20px;
}
.mobile-nav li a {
  font-family: 'Josefin Sans', sans-serif !important;
	font-weight: bold !important;
  letter-spacing: 1px !important;
  font-size: 120% !important;
  color: #594c37;
}
.mobile-nav li {
  width: 85%;
  margin: 0 auto;
  border-top: #ad976d 1px solid;
  padding: 12px 0 7px 0 !important;
  list-style-type: none;
}
.last-li-nav {
  border-bottom: #ad976d 1px solid;
}
.mobile-nav2 {
  padding-left: 20px;
}
.mobile-nav2 li {
  padding-top: 20px;
  list-style-type: none;
  display: inline-block;
}
.mobile-nav2 li a {
  font-family: 'Josefin Sans', sans-serif !important;
	font-weight: bolder !important;
  letter-spacing: 1px !important;
  font-size: 100% !important;
  padding-right: 20px;
  color: #594c37;
}
.mobile-nav3 {
  padding-left: 18px;
}
.mobile-nav3 li {
  list-style-type: none;
  display: inline-block;
}
.mobile-nav3 li img{
  width: 50px;
  padding-right: 20px;
}