* { box-sizing: border-box; }

html, body, .wrapper { height: 100%; }
div { vertical-align: top; }

body {
	margin: 0;
	padding: 0;
	font-size: 0;
}

.column {
	width: 50%;
	height: 100%;
	display: inline-block;
	font-size: 20px;
	padding: 30px;
}

.content {
	background: #f1f1f1;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li { display: inline-block; }

.nav-item {
	padding: 10px 20px;
	margin: 0 20px 20px 0;
	border: 1px solid black;
	font-size: 20px;
}

.nav-item:hover {
	background: #000;
	color: #fff;
	cursor: pointer;
}

.nav-item.active {
	background: #000;
	color: #fff;
}

.green { background: #b8e986; }
.blue { background: #4a90e2; }
.red { background: #d0021b; }
.sol-lewitt { background: url('../../assets/img/sol-lewitt.jpg') }
.about { background: #ffa; }

.slay {
	width: 100%;
	height: 100%;
	background: black;
	color: white;
	font-size: 200px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
}

.slay span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.close {
	font-size: 75px;
	position: absolute;
	top: 10px;
	right: 30px;
	text-decoration: none;
	color: white;
}

.hide { display: none; }

.about-text {
	font-size: 20px;
	line-height: 24px;
}