/**************************
 * General
 **************************/
#makingof_list
{
	margin: 		40px auto;
}
	#makingof_list::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}

/**************************
 * Item
 **************************/
.makingof_list_item:link,
.makingof_list_item:hover,
.makingof_list_item:active,
.makingof_list_item:visited
{
	position: 				relative;
	overflow: 				hidden;
	float: 					left;
	width: 					32%;
	display: 				block;
	margin: 				0;
	margin-bottom: 			25px;
	margin-right: 			2%;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
}
	.makingof_list_item_inner
	{
		position: 				relative;
		height:					300px;
		background-position: 	center;
		background-repeat: 		no-repeat;
		background-size: 		cover;
	}
	.makingof_list_item:nth-child(3n)
	{
		margin-right: 		0;
	}
	.makingof_list_item h2
	{
	}
	
	.makingof_list_item_baseline
	{
	
	}
	
	.makingof_list_item_notation
	{
		
	}
	
	
	
	.makingof_list_item_info
	{
		position: 				absolute;
		bottom: 				0;
		left: 					0;
		right: 					0;
		text-align: 			center;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
		.makingof_list_item h2
		{
			font-size: 				18pt;
			color: 					#fff;
			padding: 				10px 20px;
			height: 				90px;
			line-height: 			20pt;
			margin: 				0;
			-webkit-transition:		all .2s ease-out;
			-moz-transition:		all .2s ease-out;
			-o-transition:			all .2s ease-out;
			transition:				all .2s ease-out;
		}
		.makingof_list_item_baseline
		{
			position: 			relative;
			font-size: 			12pt;
			color: 				#fff;
			padding: 			0 20px;
			overflow: 			hidden;
			height: 			0;
			top: 				15px;
			line-height: 		6;
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1); 
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	   -moz-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	     -o-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	        transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
		}
		
		.makingof_list_item:hover .makingof_list_item_info h2
		{
			padding: 			20px 20px;
			padding-top: 		170px;
		}
		.makingof_list_item:hover .makingof_list_item_baseline
		{
			top: 				5px;
			top: 				30px;
			height: 			220px;
			height: 			175px;
			line-height: 		1.5;
		}

		.makingof_list_item:hover .makingof_list_item_info
		{
			opacity: 			0.9;
		}

	
	

/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Tablet */ 
and (max-width : 1040px) 
{
	.makingof_list_item:link,
	.makingof_list_item:hover,
	.makingof_list_item:active,
	.makingof_list_item:visited
	{
		width: 					48%;
		margin: 				10px 1%;
	}
}

@media only screen /* Smartphone Horizontal */ 
and (max-width : 700px) 
{
		
	.makingof_list_item:link,
	.makingof_list_item:hover,
	.makingof_list_item:active,
	.makingof_list_item:visited
	{
		float: 					none;
		width: 					auto;
		margin: 				10px 0;
		height:					250px;
	}
		.makingof_list_item .makingof_list_item_info h2
		{
			font-size: 				14pt;
			height: 				100px;
		}
}