/* -----------------------------------------------------------------------------
 * Affix
 * -------------------------------------------------------------------------- */
.body {
  position: relative;
}
.affix {
	position: static;
}

@media (min-width: 992px) {
	.affix {
	  width: 213px;
	  position: fixed;
	  top: 0;
	}

	.affix-bottom {
	  width: inherit;
	  position: absolute;
	  top: auto;
	  bottom: 200px;
	}

	.affix-top {}
}

@media (min-width: 1200px) {
	.affix { width: 263px; }
}

#sidebar {
	padding: 30px 0;
}

/* -----------------------------------------------------------------------------
 * Nav
 * -------------------------------------------------------------------------- */
.bs-sidenav ul {
	font-size: 0.9em;
	margin-left: 20px;
	display: none;
}

.bs-sidenav a {
	text-transform: capitalize;
	font-size: 14px;
}

.bs-sidenav .active > a {
	font-weight: bold;
}

.bs-sidenav .active ul {
	display: block;
}

.nav>li>a {
	padding: 5px 10px;
}

/* -----------------------------------------------------------------------------
 * Jumbotron
 * -------------------------------------------------------------------------- */
.header {
	background-color: #000;
}

.header-container {
	padding: 60px 30px;
}

/* -----------------------------------------------------------------------------
 * Document
 * -------------------------------------------------------------------------- */
 body { line-height: 1.6em; }
.page-header { border-bottom: 2px solid #000; margin-bottom: 30px; }
.page-header h1 { font-size: 3em; font-weight: bold; }
.page-header h3 { font-weight: normal; }

.doc-section + .doc-section { margin-top: 60px; }
.doc-section li { margin-top: 10px; }
.doc-section img {
	margin: 15px 0;
	padding: 5px;
	border: 2px solid #ddd;
	max-width: 100%;
}
h3 + * { margin-top: 20px; }
hr {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 0;
	border-top: 1px solid #ddd;
}

footer {
	margin: 60px 0;
	padding-top: 30px;
	border-top: 1px solid #ddd;
}