body {
	background: #f2f2f2;
	color: #1a1a1a;
	font-family: sans-serif;
	line-height: 1.4;
	margin: 0% 5% 0% 5%;
	padding: 0;
	float: center;
}


h1 {font-size: 2em }
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em}


h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height 1.1;
	margin-bottom: 0.1em;
	color: #003366;
}


a {
	color: #003333;
}

img {
	width : 33%;
	float: left;
	margin: 0px 2.5em 0px 0px;
}

header img {
	height: 80px;
	width: auto;
	margin: 0px 1em 0px 0px;
	float: none;
}

.social {
	width: 350px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.social img {
	width: 64px;
}

footer:hover img:hover {
	filter: blur(0px);
	background-color: #FFFFFF;
}

main h1 {
	color: #003366;
}


header {
	padding: 0px 0px 0px 0px;
	text-align: left;
}

main, header, section, footer,
aside, nav, article, figure {
	display: block;
	margin: auto;
	max-width: 55em;
}

footer {
	padding: 0px 0px 5px 0px;
}

header {
	font-size: 1em;
	margin-top: 1em;
}
header strong {
	font-size: 1em;
}

nav ul {
	list-style: none;
	padding: 0;
}

body nav li {
	display: inline-block;
	margin: 1px 1.5em 1px 0em;
}


.left {
	padding-left: 40%;
}


#about {
	margin-top: 4em;
}