.info-body{
	margin: 25px 0;	
}

.info-body h1, .info-body h2, .info-body h3, .info-body h4, .info-body h5, .info-body h6{
	color: #32325d;
}

#info_title{
	margin-bottom: 20px;
}

#toc-container{
	margin-top: 35px; 
}

#toc{
	top: 25px;	
}

nav[data-toggle="toc"] {
  top: 42px;
}

#article-img{
	border-radius: 5px;
	min-height: 400px;
	height: 60vh;
}

/* small screens */
@media (max-width: 768px) {
	#article-img{
		min-height: 200px;
		height: auto;
	}
  /* override stickyness so that the navigation does not follow scrolling */
  nav[data-toggle="toc"] {
    margin-bottom: 42px;
    position: static;
  }

  /* 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: none;
  }
  /* 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;
  }
  */
}