html, body {
  height: 100%;
  padding-top:0 !important;
}

.overflowYScroll {
    overflow-y:scroll!important;
}

.navmenu-default .navmenu-nav > .active > a, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a, .navmenu-default .navmenu-nav > .active > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover, .navmenu-default .navmenu-nav > .active > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
    color: #000;
    background-color:#fff;
    font-family: DINWeb-Light;
    font-size:20px;
}

.navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav > li > a {
    color: #000;
    background-color:#fff;
    font-family: DINWeb-Light;
    font-size:20px;
}

.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color: #1a1a1a;
    border-right:1px solid #1a1a1a;
    -webkit-transition: all 1.2s ease;
       -moz-transition: all 1.2s ease;
        -ms-transition: all 1.2s ease;
         -o-transition: all 1.2s ease;
            transition: all 1.2s ease;
}

.navmenu-show {
    background-color: #fff;
    border-right:1px solid #fff;
    -webkit-transition: all 0.1s ease;
       -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
         -o-transition: all 0.1s ease;
            transition: all 0.1s ease;
}

.navbar-toggle {
  float: left;
}

.navmenu {
  z-index: 1;
}

.canvas {
  position: relative;
  left: 0;
  z-index: 2;
  height:100%;
  padding: 50px 0 0 0;
  
}

@media (min-width: 0) {
  .navbar-toggle {
    display: block; /* force showing the toggle */
  }
}

@media (min-width: 768px) {
  body {
    padding: 0;
  }
  .navbar {
    right: auto;
    background: none;
    border: none;
  }
  .canvas {
    padding: 0;
  }
}