@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald);

body {
	padding: 0;
	margin: 0;
	background-color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #232d3c;
}

a, a:hover {
	color: #52698c;
	text-decoration: underline;
}

hr {
	margin: 30px 0;
	border-color: #999;
}

h2 {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 1em 0;
	color: #706b72;
}

header img {
	width: 49%;
}

#content-wrapper {
}

#my-photo {

}

#myname {
	margin-top: 60px;
}
	#myname #img-wrapper {
		padding-right: 15px;
	}
	#myname img {
		border: 1px solid #232d3c;
		margin-right: 60px;
	}
	@media screen and (max-width: 768px) {
		#myname #img-wrapper {
			padding-right: 0;
		}
		#myname img {
			margin: 3em auto;
		}
	}

	#myname h1 {
		margin: .5em 0 .5em 0;
		padding: 0;
		font-family: 'Oswald', sans-serif;
		line-height: 100%;
		font-size: 3.75vw;
	}
		#myname h1 small {
			font-size: 60%;
		}
	#myname p {
		margin: 1em 0;
	}
	p#links {
		margin: 0;
	}
		p#links i {
			width: 1.2em;
			color: #706b72;
			line-height: 1.8em;
		}

#about-me {
}
	#about-me a {
		font-weight: bold;
	}
	#about-me h3 {
		margin: 0 0 .2em 0;
		font-size: 19px;
		line-height: 130%;
	}
	#about-me h3 span {
		font-size: 85%;
		display: block;
		font-weight: bold;
	}
	#about-me p {
		line-height: 128%;
		margin-bottom: 1em;
	}

p.quote {
	margin: 0 auto 3em auto;
	max-width: 640px;
	padding: 1em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 90%;
}