body {
  padding-top: 100px;
}
*[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}

.side-nav, .side-nav .logo-wrapper a {
 width: 280px;
}

nav[data-toggle="toc"] .nav .nav > li > a {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 12px;
    font-weight: 400;
}

nav[data-toggle="toc"] {
  top: 100px;
}
nav[data-toggle="toc"] .nav > li > a {
    display: block;
    padding: 15px 10px;
    font-size: 13px;
    font-weight: 500;
}
.side-nav a {
    line-height: 16px;
	height: 42px;
}
  nav[data-toggle='toc'] .nav .nav {
    display: block;
  }
/* small screens */
@media (max-width: 768px) {
  /* override stickyness so that the navigation does not follow scrolling */
  nav[data-toggle="toc"] {
    margin-bottom: 100px;
    position: static;
  }
  
.side-nav a {
    line-height: 16px;
	height: 56px;
}
  /* PICK ONE */
  /* don't expand nested items, which pushes down the rest of the page when navigating */
  nav[data-toggle="toc"] .nav .active .nav {
    display: block;
  }
  /* alternatively, if you *do* want the second-level navigation to be shown (as seen on this page on mobile), use this */
  nav[data-toggle='toc'] .nav .nav {
    display: block;
  }
}