.drawer-nav {
  z-index: 12;
  width: 70%;
}

.drawer-brand {
  font-weight: 700;
}

.drawer-menu {
  padding-top: 0.5rem;
}

.drawer-overlay {
  z-index: 11;
}

.drawer--left.drawer-open .drawer-hamburger {
  left: 70%
}

.drawer--right .drawer-nav {
  right: -70%;
}

.drawer--right.drawer-open .drawer-hamburger {
	right: 0;
  border: none;
}

.drawer-hamburger {
  height: 80%;
  padding: 0 1rem 1rem;
  position: absolute;
  width: 2rem;
  z-index: 15;
  border-left: 1px #ccc solid;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  height: 3px;
  border-radius: 5px;
}

.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  top: -7px;
}

.drawer-hamburger-icon:after {
  top: 7px
}

.drawer-navbar,
.drawer-navbar-header {
  z-index: 13;
}