#result { /* direct parent of the `.tile`s */
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2.5%;
}
.tile {
	display: inline-block; overflow: hidden;
	width: 45%; margin: 20px 2.5%;
	vertical-align: top;
	box-shadow: 0 0 8px #888;
}
@media (max-width: 720px) {
	.tile { width: 95%; flex: 0 0 95%; }
}
.tile:hover {
	filter: saturate(120%);
}

.tile .thumb {
	position: relative;
	padding-bottom: 54%; margin: -2px;
	background-size: cover; background-position: center; background-repeat: no-repeat;
}
.tile .thumb>div {
	width: 100%; height: 100%;
	position: absolute;
}
.tile .thumb>div>div {
	position: absolute;
	width: 100%; height: 100%;
	display: table; text-align: center;
}
.tile .thumb>div>div>div {
	display: table-cell; vertical-align: middle;
	padding: 0 25px;
}
.tile .thumb {
	font-size: 40px;
	font-family: 'Open Sans Condensed';
	text-transform: uppercase;
}
@media (max-width: 1250px) {
	.tile .thumb { font-size: calc(10px + 2.4vw); }
}
@media (max-width: 720px) {
	.tile .thumb { font-size: calc(14px + 3.4vw); }
}

.tile .bottom-text {
	padding: 15px 25px;
	white-space: pre-wrap;
}

.tile .spacer {
	flex: 1;
}