@media all {
	ul.front-page-news,
	ul.content-tile,
	ul.file-tile,
	ul.content-tile-variable {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;

		list-style: none;
		padding: 0;
	}

	ul.content-tile-variable {
		align-items: flex-start;
	}

	ul.front-page-news {
		justify-content: space-between;
	}

	ul.front-page-news > li,
	ul.content-tile > li,
	ul.file-tile > li,
	ul.content-tile-variable > li.info-box {
		padding: 1em;
		margin-bottom: 1em;
		border-radius: 5px;

		background-color: #eeeeee;
	}

	ul.file-tile > li {
		padding: 0;
	}

	ul.file-tile > li > span {
		display: flex;
		align-items: center;
	}

	ul.content-tile-variable > li.info-box h3 {
		margin-top: 0;
	}

	ul.front-page-news > li img,
	ul.content-tile > li img {
		width: auto;
		max-height: 220px;
	}
}

@media (max-width: 767px) {
	ul.front-page-news > li,
	ul.content-tile > li,
	ul.file-tile > li,
	ul.content-tile-variable > li {
		width: 100%;
	}
}

@media (min-width: 768px) {
	ul.front-page-news > li:first-child {
		width: 100%;
	}

	ul.front-page-news > li:not(:first-child) {
		width: 49%;
	}

	ul.content-tile > li {
		width: 32%;
	}

	ul.file-tile > li {
		width: 30%;
	}

	ul.content-tile > li:not(:last-child),
	ul.file-tile > li:not(:last-child),
	ul.content-tile-variable > li:not(:last-child) {
		margin-right: 1em;
	}
}