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

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

/*modified*/
  width: 240px;
  background-color:#4f545b;
  padding-left:8px;
  padding-right:8px;
}

.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;
}


button, button:focus, button:active:focus{
  border: 0 none;
}



.btn-hamburger {
  width:50px;
  height:60px;
  background-color:white;
}

.hamburger-lines{
  font-size: 35px;
  font-weight:100;
  margin: 2px 0 0;
}


.menu-section-title {
  margin-top:20px;
  padding:10px;
  color:white;
  font-weight:100;
  font-size:14px;

}


li {padding-top:15px;}



/* Modal(s) 

.modal {
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: -20px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 

}

.modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
}

.modal-content p {
    margin-bottom: 30px;
}

.modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: Montserrat,sans-serif;
    font-size: 16px;
    font-style: italic;
}

.modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.modal-content img {
    margin-bottom: 30px;
}
*/
