body
{
	margin: 0;
	padding: 0;
	color: #322b3d;
	background: #3b3545;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
}

h1
{
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 22px;
}

p, ul, li
{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 22px;
}

img
{
	margin: 0;
	padding: 0;
}

a.link,  a.link:visited
{
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.nav
{
	margin: 0;
	padding: 0;
	text-align: center;
}

.logo
{
	margin: 36px auto 0 auto;
	padding: 0;
	color: #7e6fc7;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 6px;
	text-shadow: 0 0 16px #1d132b;
	display: inline-block;
}

.resume
{
	margin: 27px 0 0 0;
	padding: 10px 24px 10px 24px;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	background: #5e4db2;
	color: #c0b4d9;
	border-radius: 6px;
	box-shadow: 0 0 16px #342e3f;
	display: inline;
	position: absolute;
	right: 40px;
}

.resume:hover
{
	background: #6757b8;
	color: #bdafd7;
}

.full-width-image
{
	margin: 33px 0 0 0;
	padding: 0;
	width: 100%;
	display: block;
}

.blurb
{
	margin: 0 auto;
	padding: 42px 48px;
	background: #84869c;
	max-width: 744px;
	border-radius: 6px;
	box-shadow: 0 0 50px #261d33;
}

.blurb p
{
	margin-top: 19px;
}

.wrapper
{
	margin: 128px auto 0 auto;
	padding: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: auto;
	width: calc(100% - 192px);
}

.card
{
	margin: 0 32px 64px 32px;
	padding: 0;
	width: calc(33.333333333% - 64px);
	background: #84869c;
	border-radius: 6px;
	box-shadow: 0 0 50px #261d33;
}

.card img
{
	margin: 9px auto;
	padding: 0;
	width: calc(100% - 18px);
	border-radius: 3px;
	display: block;
}

.card h1
{
	margin: 42px 48px 0 48px;
	padding: 0;
}

.card p
{
	margin: 19px 48px 42px 48px;
	padding: 0;
}

.card ul
{
	margin: 19px 48px 42px 64px;
	padding: 0;
}

.card-side
{
	margin: 0 128px;
	padding: 0;
	display: flex;
	align-items: center;
	width: calc(100% - 256px);
	background: #84869c;
	border-radius: 6px;
	box-shadow: 0 0 50px #261d33;
}

.left, .right
{
	margin: 0;
	padding: 0;
	width: 50%;
}

.left img
{
	margin: 9px 24px 9px 9px;
	padding: 0;
	width: calc(100% - 33px);
	border-radius: 3px;
	display: block;
}

.right h1
{
	margin: 42px 48px 0 24px;
	padding: 0;
}

.right p
{
	margin: 19px 48px 42px 24px;
	padding: 0;
}

.section
{
	margin: 64px 0 0 0;
	padding: 128px 0;
	background: #2f2a38;
	box-shadow:
		inset 0 50px 50px -50px #261d33,
		inset 0 -50px 50px -50px #261d33;
}

.section .blurb, .section .card-side, .section .wrapper .card
{
	box-shadow: 0 0 50px #1d142a;
}

.section .logo
{
	text-shadow: 0 0 16px #150d1f;
}

.section .resume
{
	box-shadow: 0 0 16px #261d33;
}

.half
{
	width: calc(50% - 64px);
}

.straight
{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.spaced
{
	margin-top: 128px;
}

.attached
{
	margin-top: 64px;
}

.less
{
	padding-bottom: 64px;
}

.narrow
{
	padding: 0 0 33px 0;
}

@media (max-width: 1300px)
{
	.card
	{
		width: calc(50% - 64px);
	}

	.leftover
	{
		width: 100%;
	}
}

@media (max-width: 900px)
{
	.card
	{
		width: 100%;
	}

	.card-side
	{
		display: block;
	}

	.left
	{
		width: 100%;
		padding-top: 9px;
	}

	.right
	{
		width: 100%;
		padding-bottom: 42px;
	}

	.left img
	{
		margin: 0 9px;
		width: calc(100% - 18px);
	}

	.right h1
	{
		margin: 42px 48px 0 48px;
	}

	.right p
	{
		margin: 19px 48px 0 48px;
	}

	.nav
	{
		text-align: left;
	}

	.logo
	{
		margin-left: 40px;
	}
}

@media (max-width: 850px)
{
	.blurb
	{
		border-radius: 0;
	}
}