html{
  height: 100%;
}
body {
	margin: 2em auto;
	font-family: Elena, Georgia, serif;
	color: #29262e;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #eeeeff),
		color-stop(1, #aaaaff)
	);
	background-image: -o-linear-gradient(bottom, #eeeeff 0%, #aaaaff 100%);
	background-image: -moz-linear-gradient(bottom, #eeeeff 0%, #aaaaff 100%);
	background-image: -webkit-linear-gradient(bottom, #eeeeff 0%, #aaaaff 100%);
	background-image: -ms-linear-gradient(bottom, #eeeeff 0%, #aaaaff 100%);
	background-image: linear-gradient(to bottom, #eeeeff 0%, #aaaaff 100%);
	background-attachment: fixed !important;
	min-height: 100%;
}
.headshot img {
	border-radius: 50%;
	width: 100%;
}
a {
	color: #00c;
}
a:hover {
	text-decoration: none;
	color: #99f;
}
h4 {
	font-weight: bold;
}
.masthead h4 {
	text-align: center;
	margin-top: 0.5em;
}
.social {
	font-size: 1.5em;
}
ul li:before {
	content: "\00B7 \00A0 \00A0";
}
ol li:before {
	content: "\00A0 \00A0 \00A0 \00A0";
}

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	.main .three.columns {
		margin-top: 5%;
	}
}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}