body {
	background: #f4f4f4;	/* f4f4f4 */
	color: #222222;
	margin-top: 5rem;
}

h1, h2, h3, h4, h5, h6 {
	color: #444444;
}

.bg-steel {
	background-color: #5f788a;
}

.bg-wine {
	background-color: #855f8a;
}

.bg-purple {
	background-color:#6666cc;
}

.bg-purple-seethrough {
	background-color: rgba(102, 102, 204, 0.8);
}

.bg-lavender {
	background-color: #e7e7f9;	/* e6e6fa, e7e7f9 */
}

.border-bottom-med {
	border-bottom:1px solid #bbbbbb!important;
}

.site-header .navbar-nav .nav-link {
	color: #dddddd;
}

.site-header .navbar-nav .nav-link:hover {
	color: #ffffff;
}

.site-header .navbar-nav .nav-link.active {
	font-weight: 500;
}

.content-section {
	/* background: #ffffff; */
	/* padding: 10px 20px;
	border: 1px solid #888888;
	border-radius: 3px;
	margin-bottom: 20px; */
    background-color: #e7e7f9;
    padding: 10px 20px;
    border: 1px solid #444444;
    border-radius: 3px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 24px;
}

.photo-div {
	width: 1000px;
}

.iframe-container {
	overflow: hidden;
	padding-top: 50px;
	position: relative;
}