.content { width:100%; }

/*-------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 800px) { .content { padding-right:20px; } }
@media screen and (min-width: 600px) {
	#contents > main {
		display:flex;
		align-items:stretch;
	}
	
	.content.mobile { display:none; }
	
	.content > section:first-child { margin-bottom:20px; }
	
	.content > div {
		display:flex;
		justify-content:space-between;
		align-items:center;
		
		padding:20px;
		border-radius:3px;
		background-image:linear-gradient(to right, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
	}
	.content > div:not(:last-child) { margin-bottom:20px; }
	
	.content > div > a.title_thumb {
		display:flex;
		justify-content:center;
		align-items:center;
		
		text-align:center;
		font-family: "EB Garamond";
		font-size: 18px;
		font-weight:400;
		text-transform:uppercase;
		text-decoration:none !important;
		color:#FFF !important;
	}
	.content > div > a.title_thumb > span { display:block; }
	
	.content > div > a { width:calc((100% / 3) - 20px); }
	.content > div > a.placeholder { visibility:hidden; pointer-events:none; }
}
@media screen and (max-width: 599px) {
	.content:not(.mobile) { display:none; }
	.content > h2 { text-align:center; }
	.content > a:not(:last-of-type) { margin-bottom:20px; }
	.content > a { display:block; }
}

/*-------------------------------------------------------------------------------------------------------------*/

.content a {
	border-radius:3px;
	overflow:hidden;
}
.content a > img {
	display:block;
	width:100%;
}