@media screen and (max-width: 599px) {
	#content{
		margin: 30px auto;
		margin-bottom: 0;
		order: 1;
	}
	div#detail_container
	{
		display: flex;
		flex-flow: column wrap;
		align-content: flex-start;
	}
	figure
	{
		width:100%;
		margin: 0;
		margin-bottom: 5%;
		background-color:rgb(232,232,232);
	}
	figure img
	{
		max-width:100%;
	}
	figure a
	{
		width:100px;
		text-decoration:none;
	}
}

@media screen and (min-width:600px)
{
	div#detail_container
	{
		display: flex;
		flex-flow: row wrap;
		align-content: flex-start;
	}

	figure
	{
		width:30%;
		margin: 0 1.5% 20px 1.5%;
		background-color:rgb(232,232,232);
	}

	figure img
	{
		max-width:100%;
	}
	figure a
	{
		font-size: x small;
		width:100px;
		text-decoration:none;
	}
}