button.drawer-hamburger { position: absolute; top: -14px; z-index: 4; width: 3rem;}
button.drawer-hamburger:after { content:'MENU'; position: absolute; bottom: -4px; right: 0; left: 0; margin: auto; color: #000; font-size: small;}

.drawer-nav { background: rgba(0,0,0,0.75); z-index: 2; width: 26.25rem; }
.drawer--right .drawer-nav { right: -26.25rem; }
.drawer--right.drawer-open .drawer-hamburger { right: 26.25rem; }
@media(min-width:1100px){
    .drawer-nav { width: 30vw; }
    .drawer--right .drawer-nav { right: -30vw; }
}
@media(min-width:1200px){
    .drawer-nav { width: 25vw; }
    .drawer--right .drawer-nav { right: -25vw; }
}
@media(min-width:1400px){
    .drawer-nav { width: 26vw; }
    .drawer--right .drawer-nav { right: -26vw; }
}
@media(min-width:1600px){
    .drawer-nav { width: 29vw; }
    .drawer--right .drawer-nav { right: -29vw; }
}
@media(min-width:1800px){
    .drawer-nav { width: 33vw; }
    .drawer--right .drawer-nav { right: -33vw; }
}

.drawer-nav a {
  display: block;
  padding: 1rem 1rem 1rem 2.5rem;
  padding: 1rem;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.drawer-nav a:hover { color: #4dc0b2; text-decoration: none; }
.drawer-nav li { line-height: 4rem; }

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

/*@media(max-width:600px){
	.drawer-overlay { z-index: 1000; }
	.drawer-nav { z-index: 1002; }
	button.drawer-hamburger{ z-index: 1004; }
}*/

.drawer-hamburger-icon, 
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  background-color: #000;
}

@media (min-width: 992px){
  .siteHeader .container { position: relative; }
  button.drawer-hamburger { top: 0px; }
}