.body-container {
	text-align: center;
}

.guide-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 20px 0;
}

	.guide-item {
		flex: 1 0 160px;
		margin: 3px;
		border-radius: 3px;
		overflow: hidden;
		position: relative;
		height: 100px;
		background: #fff;
		transition-duration: 0.2s;
		box-shadow: 0 1px 5px rgba(0,0,0,0.2);
	}

		.guide-item img {
			position: absolute;
			padding: 24px;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 100%;
			max-height: 100px;
			max-width: 150px;
			transition-duration: 0.2s;
		}

		.guide-item:hover {
			box-shadow: 0 1px 10px rgba(0,0,0,0.2);
		}

		.guide-item:hover img {
			scale: 1.03;
		}

.ranked-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 20px 0;
}

	.ranked-item {
		flex: 1 0 190px;
		margin: 2px;
		border-radius: 3px;
		overflow: hidden;
		position: relative;
		height: 195px;
		line-height: 195px;
		background: #666;
	}

		.ranked-item .ranked-bg {
			position: absolute;
			transition: scale 0.2s;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

			.ranked-item:hover .ranked-bg {
				scale: 1.05;
			}

		.ranked-item .ranked-content {
			position: relative;
			z-index: 1;
			box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.7);
			text-shadow: 0 1px 5px rgb(0, 0, 0), 0 1px 35px rgb(0, 0, 0), 0 1px 50px rgb(0, 0, 0), 0 1px 50px rgb(0, 0, 0);
			color: #fff !important;
			font-weight: 700;
			font-size: 1.4em;
		}

.featured-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 20px 0;
}

	.featured-item {
		flex: 1 0 200px;
		margin: 3px;
		border-radius: 3px;
		overflow: hidden;
		position: relative;
		height: 90px;
		background: #fff;
		transition-duration: 0.2s;
		box-shadow: 0 1px 5px rgba(0,0,0,0.2);
	}

		.featured-item img {
			position: absolute;
			padding: 25px;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 100%;
			max-height: 80px;
			max-width: 250px;
			transition-duration: 0.2s;
		}

		.featured-item:hover {
			box-shadow: 0 1px 10px rgba(0,0,0,0.2);
		}

		.featured-item:hover img {
			scale: 1.03;
		}
