.bd-toc {
	-ms-flex-order: 2;
	order: 2;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	font-size: .875rem
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
	.bd-toc {
		position: -webkit-sticky;
		position: sticky;
		top: 4rem;
		height: calc(100vh - 4rem);
		overflow-y: auto
	}
}

.bd-toc-link {
	display: block;
	padding: .25rem 1.5rem;
	font-weight: 500;
	color: rgba(0, 0, 0, .65)
}

.bd-toc-link:hover {
	color: rgba(0, 0, 0, .85);
	text-decoration: none
}

.bd-toc-item.active {
	margin-bottom: 1rem
}

.bd-toc-item.active:not(:first-child) {
	margin-top: 1rem
}

.bd-toc-item.active>.bd-toc-link {
	color: rgba(0, 0, 0, .85)
}

.bd-toc-item.active>.bd-toc-link:hover {
	background-color: transparent
}

.bd-toc-item.active>.bd-sidenav {
	display: block
}


.bd-links {
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-right: -15px;
	margin-left: -15px
}

@media (min-width:768px) {
	@supports ((position: -webkit-sticky) or (position:sticky)) {
		.bd-links {
			max-height:calc(100vh - 9rem);
			overflow-y: auto
		}
	}
}

@media (min-width:768px) {
	.bd-links {
		display: block!important
	}
}

.toc-entry {
	display: block
}

.toc-entry a {
	display: block;
	padding: .125rem 1.5rem;
	color: #99979c
}

.toc-entry a:hover {
	color: #007bff;
	text-decoration: none
}

.ttf {
    font-size: 42px;
}

.sttf {
    font-size: 32px;
}

.ssttf {
    font-size: 25px;
    font-weight: bold;
}

.sssttf {
    font-size: 20px;
    font-weight: bold;
    font-style: italic;

}