* {
	margin:0;
	box-sizing:border-box;
	font-family:sans-serif;
	font-weight:100;
}

body {
	background:#ECF3F5;
	min-height:100vh;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding-top:2vw;
}

h1 {
	font-size:3vw;
	color:#54828D;
}

#back-button {
	position:absolute;
	top:2vw;
	left:2vw;
	text-decoration:none;
	border:0.1vw solid #54828D;
	border-radius:5px;
	padding:0.35vw 0.75vw;
	background:#fff;
	transition:color 0.2s, border 0.2s;
	color:#54828D;
	font-size:1.4vw;
}
#back-button:hover {
	border:0.1vw solid #E94F37;
	color:#E94F37;
}

.row {
	display:flex;
}

.holder {
	background:#fff;
	padding:0.5vw;
	border:1px solid #000;
	border-radius:2px;
	margin:2vw;
}
.inner-holder {
	position:relative;
	width:22vw;
	height:13vw;
}
iframe, .img-holder, .thumbnail {
	width:22vw;
	height:13vw;
	border-radius:5px;
}
iframe {
	position:absolute;
}
.thumbnail {
	position:absolute;
	cursor:pointer;
	z-index:1;
}
.description {
	height:2vw;
	line-height:2vw;
	margin-top:0.5vw;
	font-size:1.1vw;
}
.img-holder {
	display:flex;
	align-items:center;
	justify-content:center;
}
.construction {
	width:13vw;
	height:7.5vw;
}

.list {
	width:22vw;
	height:15.5vw;
	position:relative;
	padding:1.5vw 1.25vw;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.list-title {
	font-size:1.1vw;
	font-weight:200;
}
#columns {
	display:flex;
}
.column {
	width:50%;
}
.list-header {
	margin-bottom:0.35vw;
}
.list-item {
	font-size:0.9vw;
	margin-top:0.05vw;
}

.spacer {
	width:23vw;
	margin:2vw;
}