// color variables
$top:			    #b0191e;
$middle:			#8dccd1;
$bottom:		  #dba63c;

// hamburger size variables
$width:       rem(25);
$height:      rem(18);

.wrapper {
  background-color: #000000;
}

.sliding-menu-button {
  padding: rem(22) rem(16);
  text-align: center;
  display: block;
}

.hamburger-title {
  @include position(null null rem(3) null);
  text-transform: uppercase;
  margin-left: rem(4);
  color: #ffffff;
}

.hamburger {
  @include size($width $height);
  display: inline-block;
  background: linear-gradient( 
    to bottom, 
    $top 0, $top 20%,
    transparent 20%,transparent 40%,
    $middle 40%,$middle 60%,
    transparent 60%,transparent 80%,
    $bottom 80%,$bottom 100%
  );
}