#banner {
	background-image: url("../img/back.png");
	min-height: 16em;
	max-height: 22em;
}
		
#banner.major {
	min-height: 7em;
	max-height: 15em;
	padding-top: 7em;
}

#banner:after {
	background-color: #ffffff;
	opacity: 0.5;
}

#banner > .inner img {
	width: auto;
	max-height: 190px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.tiles article {
	max-height: 18em;
	min-height: 12em;
}

#header.alt {
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

#header .logo:hover strong {
	background-color: #cacada;
}

#header .logo:active strong {
	background-color: #cacada;
}

#header nav a[href="#menu"]:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='32' viewBox='0 0 24 32' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 2px%3B stroke: %23cacada%3B %7D%3C/style%3E%3Cline x1='0' y1='11' x2='24' y2='11' /%3E%3Cline x1='0' y1='21' x2='24' y2='21' /%3E%3Cline x1='0' y1='16' x2='24' y2='16' /%3E%3C/svg%3E");
}

#menu .close:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %237a7a8a%3B stroke-width: 2%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='20' y2='20' /%3E%3Cline x1='20' y1='0' x2='0' y2='20' /%3E%3C/svg%3E");
}

#main > * > .inner {
	padding: 3em 0 1em 0 ;
}

p {
	margin: 0 0 1em 0;
}

#main {
	background-color: #2a2a3a;
}

body {
	background: #2a2a3a;
}

#header nav {
	background-color: #4a4a5a;
}

#header .logo {
	padding: 0em 1em;
	background-color: #4a4a5a;
}

a:hover {
	color: #cacada !important;
} 

#menu {
	background: rgba(58, 58, 74, 0.9);
}

.spotlights > section:nth-child(2n) {
	-moz-flex-direction: unset;
	-webkit-flex-direction: unset;
	-ms-flex-direction: unset;
	flex-direction: unset;
	background-color: #4a4a5a;
}

@media screen and (min-width: 840px) {	
	.spotlights > section > .image {
		width: 220px;
		height: 220px;
		line-height: 220px;
		padding: 0em 1em;
	}
	.spotlights > section > .image img {
		border-radius: 10%;
		width: 200px;
		padding: 10px;
		margin: auto;
		display: inline-block;
		vertical-align: middle;
	}
	.spotlights > section > .content {
		width: 70vw;
	}
}

@media screen and (max-width: 980px) {
	.spotlights > section > .image {
		display: none;
	}
	.spotlights > section > .content {
		padding: 4em 3em 2em 3em ;
		width: 100%;
	}
}

@media screen and (max-width: 736px) {
	.spotlights > section > .image {
		display: none;
	}
	.spotlights > section > .content {
		padding: 3em 1.5em 1em 1.5em ;
	}
}

ul {
	list-style: square;
	margin: -1em 0 2em 0;
	padding-left: 2em;
}

ol li {
	margin: -0.5em 0 1em 0;
}

ul.actions {
	margin-top: -1em;
}

.button:hover,
.button:active {
	box-shadow: inset 0 0 0 2px #8a8aa4;
}

h2 {
	margin-bottom: 0.5em;
}

#main > * > .inner {
	width: 75%;
}

header.major {
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: -ms-fit-content;
	width: fit-content;
}

.tiles article:nth-child(8n - 1) {
	width: 100%;
}

@media screen and (max-width: 980px) {
	.tiles article:nth-child(8n - 1) {
		width: 100% !important;
	}
}