* {
		margin: 0px;
		padding: 0px;
		box-sizing: border-box;
	}
	a {
		text-decoration: none;
	}
	a:link, a:visited {
		color: #000080;
	}
	a, a:visited, a:focus, a:active, a:hover{
		outline:0 none !important;
	}
	p, h1, h2, h3, h4, h5, h6 {
		margin-bottom: 0.625em;
	}

	header {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: 100%;
		position: fixed;
		z-index:1001;
		text-align: center;
	}
	.smalllogo {
		max-width: 100%;
	}

	.navmenu {
		display: inline-flex;
		margin-left: 0.625em;
		background: rgba(0,0,0,0.1);
	}
	.navmenu li {
		list-style: none;
		margin: 0 0.625em;
	}
	.navmenu a {
		text-align: center;
		color: rgba(139, 154, 165, 1.0);
		transition: all 0.1s linear 0s;
	}
	.navmenu a:hover {
		color: #b5bfc6;
	}
	.navmenu a:active {
		color: #3c454c;
	}
	.navlink.active {
		background: rgba(0,0,0,0.75);
	}

	main {
		display: flex;
		flex-flow: row wrap;
		width:100%;
		max-width: 100%;
		position: relative;
	}
	.fulllogo {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 100%;
		height:100vh;
		max-width: 100%;
		background: url("../images/background/districtlinecourse.jpg")  center no-repeat fixed;
		background-size: cover;
	}
	.logo {
		max-width: 100%;
		opacity: 0;
		animation: logofade 3s ease-in forwards;
	}
	.logofigcaption {
		max-width: 100%;
		opacity: 0;
		animation: logofade 2s ease-in 2s forwards;
	}
	@keyframes logofade {
		25% {opacity: 0.25;}
		50% {opacity: 0.50;}
		75% {opacity: 0.75;}
		100% {opacity: 1;}
	}

	.services, .about, .contact {
		width: 100%;
		max-width: 100%;
	}

	.services {
		padding: 0.625em;
		margin-top: -0.1875em;
		background: -moz-linear-gradient(180deg, #b5bfc6, #8b9aa5, #6b7c89, #505c66);
		background: linear-gradient(180deg, #b5bfc6, #8b9aa5, #6b7c89, #505c66);
		background: -webkit-linear-gradient(180deg, #b5bfc6, #8b9aa5, #6b7c89, #505c66);
	}
	.services > h2 {
		text-align: center;
		font-style: italic;
		font-weight: bold;
	}
	.services img {
		max-width: 100%;
	}

	.about img {
		margin: -0.1875em 0;
		max-width: 100%;
	}

	.contact img {
		margin: -0.1875em 0;
		max-width: 100%;
	}

	.copyright {
		margin-top: -0.1875em;
		background: #404041;
		padding: 0.3125em;
	}

	@media only screen and (max-width: 679px) {
		.navmenu {
			display: inline-flex;
			margin-left: 0.3125em;
			background: rgba(0,0,0,0.1);
		}
		.navmenu li:first-child {
			margin-right: 0.3125em;
		}
		.navmenu li:last-child {
			margin-left: 0.3125em;
		}
		.navmenu li:not(:first-child):not(:last-child) {
			margin: 0 0.3125em;
		}

		.services {
			padding: 0.3125em;
			margin-top: -0.1875em;
			background: -moz-linear-gradient(315deg, #b5bfc6, #8b9aa5, #6b7c89, #505c66);
			background: linear-gradient(315deg, #b5bfc6, #8b9aa5, #6b7c89, #505c66);
			background: -webkit-linear-gradient(315deg, #b5bfc6, #8b9aa5, #6b7c89, #505c66);
		}
	}