body {
  width: 100%;
  height: 100%;
}

.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 256px;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  will-change: transform;
  background-color: #FFF; /* A background-color is required */
  min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

.menu {
background-color: #1D1F20;
background-image: linear-gradient(145deg, #1D1F20, #404348);
font-size:12px !important;
color:#ffffff;
font-family:"Calibre Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.menu-section-list {
padding: 0 0 0 15px;
margin: 10px 0;
list-style: none;
}

.menu-section-list li a{
color:#ffffff;
}

@media (min-width: 40em) {
.btn-hamburger {
top: 20px;
left: 30px;
}

}

.btn-hamburger {
border: none;
position: absolute;
top: 5px;
left: 12px;
outline: none;
/*background: url('../images/menu.png') no-repeat left center;*/
background: url('../images/menu3.png') no-repeat left center;
background-size: contain;
width:70px;
height: 70px;
opacity: 0.5;
z-index: 1000;
cursor: pointer;
}


button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button, select {
text-transform: none;
}
button {
overflow: visible;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}


@media only screen and (max-width:425px){

.btn-hamburger {
    border: none;
    position: absolute;
    top: -8px;
    left:8px;
    width: 50px;
    height: 50px;
    background-size: 60%;
}
}