/* 

	LAB.THATOTHERSPACE.COM

*/

header, section, footer, aside, nav, main, article, figure {
	display: block;
}

html {
	max-width: 100%;
	max-height: 100%;
}

body {
	margin: 10%;
	background-color: #FFFFFF;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: calc(15px + 0.390625vw); /* optimal base font size all devices */
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.5;
	color: #000000;
}





header {
	margin-bottom: 50px;
}

main {

}

footer {
	margin-top: 100px;
	padding-bottom: 50px;
}





.logo {
	width: 25%;
	max-width: 100px;
	height: auto;
}





header h1 {
	font-size: 150%;
	font-weight: 600;
	font-style: italic;
	text-transform: uppercase;
	display: inline;
}

header h2 {
	font-size: 150%;
	font-weight: 400;
	text-transform: uppercase;
	display: inline;
}

h3 {
	font-size: 150%;
	font-weight: 400;
}





main a::after, footer a::after {
	content: " \2197";
}

a:link, a:visited {
	color: #C00000;
	text-decoration: none;
}

a:hover, a:active {
	background-color: transparent;
	color: #800000;
	text-decoration: none;
}





.hide {
	display: hidden;
}

.spacer {
	margin-bottom: 50px;
}





/***** Projects *****/

/* display meta information below + always on small 
screens / right + onHover on large screens */

.project-item {
	margin-bottom: 10px;
}

.project-meta {
	display: block;
	letter-spacing: normal;
	opacity: 0.7;
}

@media screen and (min-width:900px) {
	.project-item .project-meta {
	display: none;
	}

	.project-item a:hover + .project-meta {
	margin-left: 10px;
	display: inline;
	}
}