#title {
	display: none;
}

#table {
	margin: 30px -10px 0 -10px;
	color: white; text-transform: uppercase;
}
@media (max-width: 600px) { #table {
	margin-top: calc(-30px + 10vw);
} }

#images {
	display: block; position: relative; float: left;
}
#images .img {
	position: absolute;
	top: 10px; right: 10px; bottom: 10px; left: 10px;
	background-size: cover; background-position: center;
}
#images .img .title {
	position: absolute; isolation: isolate;
	right: 0; bottom: 0; left: 0; padding: 10px 20px;
	font-weight: bold; font-size: 23px;
}
@media (max-width: 1000px) { #images .img .title {
	font-size: calc(11px + 1.2vw);
} }
#images .img .title::before {
	content: ''; position: absolute; display: block;
	top: 0; right: 0; bottom: 0; left: 0; z-index: -1;
	background-color: #4fa3db; opacity: .85;
}

#tiles {
	display: inline;
}
.tile {
	display: block; position: relative; float: left;
	color: white !important;
}
.tile:hover {
	filter: saturate(120%);
}
.tile>div {
	position: absolute;
	top: 10px; right: 10px; bottom: 10px; left: 10px;
	background-size: cover; background-position: center; background-repeat: no-repeat;
}
.tile>div>div {
	width: 100%; height: 100%;
	display: table; text-align: center;
	position: absolute;
}
.tile>div>div>div {
	display: table-cell; vertical-align: middle;
	padding: 0 25px; font-family: 'Open Sans Condensed';
}

/*  */
	#images { width: 63%; padding-bottom: 52.5%; }
	.tile { width: 37%; padding-bottom: 17.5%; }
	@media (max-width: 800px) {
		#images { width: 100%; padding-bottom: 60%; padding-bottom: calc(50% + 70px); }
		.tile { width: 33.33333%; padding-bottom: 40%; }
	}
	@media (max-width: 580px) {
		#tiles { display: block; clear: both; }
		.tile { width: 100%; padding-bottom: 33%; }
	}

	.tile .title { font-size: 35px; }
	.tile .content { font-size: 21px; }
	@media (max-width: 1250px) {
		.tile .title { font-size: calc(10px + 2vw); }
		.tile .content { font-size: calc(5px + 1.3vw); }
	}
	@media (max-width: 800px) {
		.tile .title { font-size: 4vw; }
		.tile .content { font-size: 2.7vw; }
	}
	@media (max-width: 580px) {
		.tile .title { font-size: 5.5vw; }
		.tile .content { font-size: 4vw; }
	}
/*  */

#content {
	clear: both; overflow: hidden;
}

#content h1 {
	font-size: 32px; margin: 0;
	padding: 35px 0 0 0;
	color: #a15084;
}