body,
html {
	min-height: 100%;
}

body {
	background-image: url(rainbow_purple.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	font-family: verdana, sans-serif;
	font-size: 14px;
}

#header {
	background-color: #7e5ea1;
	color: #fff;
	font-family: papyrus, serif;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 6px;
	border-radius: 5px;
	font-size: 140%;
	text-align: center;
	align-items: center;
}

#navbar ul {
	list-style-type: none;
	font-size: 120%;
	text-align: center;
	background-color: #000;
	color: #F3B61F;
	margin: 0px;
	padding: .3%;
	border-radius: 5px;
}

#navbar ul li {
	display: inline;
}

#navbar ul li a {
	text-decoration: none;
	font-family:sans-serif;
	vertical-align: middle;
	padding: .1em .8em;
	color: #fff;
	background-color: #000;
}

#navbar ul li a:hover {
	color: #000;
	background-color: #fff;
}


.main {
	background-color: #fff;
	color: #000;
	opacity: 0.6;
	margin-top: 2px;
	margin-right: 5%;
	margin-bottom: 5px;
	margin-left: 5%;
	border-radius: 5px;
	padding: 20px;
	align-items: center;
	font-family: sans-serif;
	font-size: 140%;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: normal;
}

.gallery {
	background-color: #000;
	color: #fff;
	opacity: 1;
	margin-top: 3px;
	margin-right: 5%;
	margin-bottom: 5px;
	margin-left: 5%;
	border-radius: 5px;
	padding: 30px;
	align-items: center;
	text-align: center;
	font-family: sans-serif;
	font-size: 120%;
	font-kerning: normal;
	font-style: normal;
	font-weight: lighter;
	line-height: 1.5em;
	letter-spacing: normal;
}

#footer {
	background-color: #000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 20px;
	clear: both;
	border-radius: 5px;
	color: #efe5d0;
	text-align: center;
	align-items: center;
	padding: 5px;
	font-family: sans-serif;
	font-size: 90%;
}

img {max-width: 100%; height: auto;
}

h2 {
	font-family: sans-serif;
	font-style: normal;
	font-weight: 600;
}

h3 {
	font-family: sans-serif;
	font-style: normal;
	font-variant: small-caps;
	font-weight: 400;
}

.indented {
	padding-left: 35pt;
	padding-right: 3pt;
}

.embed-container { 
	position: relative; 
	padding-bottom: 75%; /* 4:3 Aspect Ratio */
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	} 

.embed-container iframe, .embed-container object, .embed-container embed { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
	  border: 0;
}