body {
	margin: 0;
	/*color: ivory;*/
	color: #666;
	font-family: 'Josefin Sans', sans-serif;
}

nav {
	background-color: #455A64;
	border-bottom: 4px solid #B6B6B6;
	height: 70px;
	color: #B2EBF2;
}

a {
	color: #B2EBF2;
}

a:visited {
	color: #B2EBF2;
}

a:hover {
	color: #727272;
}

header {
	margin: -16px 0;
}

header section h2 {
	
}

nav ul li {
	display: inline-block;
	margin: 20px 30px;
	list-style-type: none;
	font-size: 1.5em;
}

section ul li {
	display: inline-block;
	margin: 20px 30px;
	list-style-type: none;
	font-size: .9em;
	font-weight: 300;
}

nav ul {
}

header {
	text-align: center;
}

h1 {
	margin: 30px 0;
	font-size: 1.8em;
	color: ivory;
}

h2 {
	margin: 30px 0;
	font-size: 1.8em;
	color: #999;
}

p {
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
}

footer {
	background-color: #333;
	height: 100%;
	padding: 25px;
	border-top: 4px solid #B6B6B6;
}

footer p {
	margin: 25px;
}

.headshot {
	border-radius: 50%;
	position: relative;
	border: 3px solid #B6B6B6;
	margin: 25px 0 0 0;
}

section {
	text-align: center;
	padding: 25px 0;
}

section.code {
	padding: 25px 0;
}

section.hello {
	padding: 70px 0;
}

section.work {
}

section p {
	width: 65%;
	margin: 0 auto;
	padding: 0 0 50px 25px;
}

.divider {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	width: 80%;
	margin: 0 auto;
}

a {
	text-decoration: none;
}

.hello {
	background: linear-gradient(
		rgba(0,0,0, 0.2),
		rgba(0,0,0, 0.5)
		),
	url('../imgs/internet.jpg') center;
}

.code {
	/*background-color: #6899B0;*/
}

.work {
	/*background-color: #03A9F4;*/
}

.internet {
	background-color: #455A64;
	font-family: 'Josefin Sans', sans-serif;
}