body {
	font-family: sans-serif;
	background-color: #f5f5f5;
}

#container {
	width: 800px;
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:34px;
}

#me {
	display: inline-block;
	width:200px;
	border-radius: 5%;
	vertical-align: middle;
	margin-left: 72px;
	margin-right: 40px;
	float: left;
}

#intro {
	vertical-align: middle;
	color: #555;
	padding-top:20px;
	margin-left: 30px;
	margin-right: 30px;
}

#personal-info {
	display:inline-block;
}

#top {
}

.promo {
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	max-width:100%;
	display:block;
}

.project-title {
	color:#333;
	font-family: sans-serif;
	font-size:18pt;
	display:block;
	font-weight: bold;
}

hr {
	height: 3px;
	border:none;
	background-color: #9b9b9b;
}

.project {
	display: inline-block;
	width: calc(100% - 60px);
	color: #555;
	margin-top: 40px;
	padding: 30px;
	border-radius: 7px;
	background-color: white;
	border:solid 2px #eee;
}

h1 {
	color: #333;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	display: inline-block;
	width: 280px; /* Needs to be wider than intro to have nice wrapping */
	margin-top: 0px;
}

h2 {
	color:#555;
	font-size: 18pt;
	font-weight: bold;
}

a:link {
    color:#d25656;
	text-decoration: none;
}

a:visited {
	color:#d25656;
}

a:hover .project-title {
	color:#366bc1;
}