/*
.photo {
	display: none;
}
*/

h2 {
	clear: both;
}
p, h3, h4, h5, ul {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
p, li {
	padding: 0.2em 0;
	padding: 0.2em 0;
}
ul {
	padding-left: 2.5em;
}

@media (min-width: 50em) {
	div.job, div.school, div.degree, div.tutor, div.other {
		padding: 0.3em 0 0.3em 8em;
		clear: both;
	}
	div.job .dates, div.school .dates, div.degree .dates, div.tutor .dates, div.other .dates {
		float: left;
		margin-left: -8em;
		width: 8em;
	}
	div.job h3, div.school h3, div.degree h3, div.tutor h3, div.other h3 {
		float: right;
		width: 100%;
		font-size: 110%;
	}
}
div.degree h3, div.tutor h3, div.other h3 {
	font-weight: normal;
}

div.project h4 {
	font-weight: normal;
        font-style: italic;
}
div.project h5 {
	font-weight: normal;
	padding-left: 2.5em;
}

div.project {
	break-inside: avoid;
}

p.email:before, p.languages:before {
	content: attr(class) ": ";
	text-transform: capitalize;
}
p.linkedin:before {
	content: "LinkedIn: ";
}
p.github:before {
	content: "GitHub: ";
}
@media (min-width: 50em) {
	p.email:before, p.languages:before, p.linkedin:before, p.github:before {
		width: 8em;
		display: block;
		float: left;
	}
	p.email:before, p.languages:before {
		content: attr(class);
	}
	p.linkedin:before {
		content: "LinkedIn";
	}
	p.github:before {
		content: "GitHub";
	}
}
div#body > div {
	margin-bottom: 1em;
}
div#body > div > div {
	overflow: auto;
}