.masthead .masthead-content {
	height: 100%;
	overflow-y: auto;
}

.invert {
	filter: invert(1);
}
.btn-outline-light:hover img {
	filter: invert(1);
}

.h-row    { height: 1rem; }
.h-row110 { height: 1.1rem; }
.h-row120 { height: 1.2rem; }
.h-row130 { height: 1.3rem; }
.h-row140 { height: 1.4rem; }
.h-row150 { height: 1.5rem; }
.h-row160 { height: 1.6rem; }
.h-row170 { height: 1.7rem; }
.h-row180 { height: 1.8rem; }
.h-row190 { height: 1.9rem; }

.w-full { width: 50rem; }

.mw-5  { max-width:  5%; }
.mw-10 { max-width: 10%; }
.mw-15 { max-width: 15%; }
.mw-20 { max-width: 20%; }
.mw-25 { max-width: 25%; }
.mw-30 { max-width: 30%; }
.mw-33 { max-width: 33.33%; }
.mw-35 { max-width: 35%; }
.mw-40 { max-width: 40%; }
.mw-45 { max-width: 45%; }
.mw-50 { max-width: 50%; }
.mw-55 { max-width: 55%; }
.mw-60 { max-width: 60%; }
.mw-65 { max-width: 65%; }
.mw-70 { max-width: 70%; }
.mw-75 { max-width: 75%; }
.mw-80 { max-width: 80%; }
.mw-85 { max-width: 85%; }
.mw-90 { max-width: 90%; }
.mw-95 { max-width: 95%; }

.w-5  { width:  5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-33 { width: 33.33%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }

.videobox {
	max-height: 100%;
}

#picturebox {
	background-color: #222;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.social-icons .page-link {
	width: 42px;
	padding: .2em 0;
	text-align: center;
}

.social-icons .page-link.w-auto {
	width: auto;
	padding: .2em 1em;
	text-align: center;
}

.social-icons .disabled .page-link {
	color: #ccc;
}

.fst-italic {
	margin-top: 3rem;
	padding-top: 3rem;
}

@media (max-width: 1199px) {
	.masthead {
		width: 100%;
		height: auto;
	}
	.masthead .masthead-content {
		height: auto;
		padding: .5em 1.5em;
		background-color: rgba(0, 0, 0, .5);
	}
	.masthead:before {
		display: none;
	}
	.fst-italic {
		margin-top: .5em;
		padding-top: 0;
	}
	.social-icons {
		position: relative;
		left: 0;
		right: 0;
		clear: both;
		display: block;
		padding: .5em;
		text-align: center;
	}
	.social-icons .pagination {
		display: inline;
	}
	.social-icons .pagination li {
		display: inline-block;
	}
	.social-icons .pagination li a, .social-icons .pagination li a.w-auto {
		margin: .1em;
		border-radius: .3em;
		padding: .5em;
	}
}

@media (max-width: 800px) {
	.w-full {
		margin-left: -9px;
		padding-right: 18px;
	}
	.toc-item {
		min-width: 255px;
		padding: 0 9px !important;
	}
}

@media (max-width: 767px) {
	.w-full {
		width: 100%;
	}
	.toc-item {
		min-width: 344px;
		padding: 0 0 0 5px !important;
	}
	.toc-item::after {
		content: '•';
		padding: 0 0 0 5px !important;
	}
	.toc-item:last-child::after {
		content: '';
	}
}
@media (max-width: 400px) {
	.w-full {
		width: 100%;
	}
	.toc-item {
		display: block !important;
		width: 100%;
		padding: 0 !important;
	}
	.toc-item::after {
		content: '';
	}
}