.event_item:link,
.event_item:hover,
.event_item:active,
.event_item:visited
{
	float:  			left;
	position:  			relative;
	display:  			block;
	background-color:  	#0c0c0c;
	color:  			#fff;
	height:  			25vw;
	width:  			50%;
	text-decoration:  	none;
}
.event_item::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
.event_item_info
{
	margin-right:  		50%;
	padding:  			4vw 3vw;
	/*padding-right:  	6vw;*/
	font-size:  		1vw;
}
.event_item_date
{
	font-family:		'Josefin Sans', sans-serif;
	font-size:  		90%;
	font-weight:  		300;
}
.event_item_name
{
	font-family:		'Josefin Sans', sans-serif;
	/*font-size:  		14pt;*/
	font-size:  		200%;
	font-weight:  		700;
	text-transform:  	uppercase;
	margin:  			10px 0;
}
.event_item_intro
{
	font-size:  			1vw;
	padding:  				10px 0;
}
.event_item_location:empty { display: none;}
.event_item_location
{
	/*font-size:  			9pt;*/
	/*font-size:  			0.9vw;*/
	font-size:  			90%;
	text-transform:   		uppercase;
	padding:  				10px 0;
	padding-left:  			20px;
	font-family:			'Josefin Sans', sans-serif;
	background-image: 		url(../images/commons/localisation.svg);
	background-position:	left center;
	background-repeat: 		no-repeat;
	background-size:		10px;
}
.event_item_picture
{
	position:  				absolute;
	top:  					0;
	right:  				0;
	bottom:  				0;
	width:  				50%;
	background-color:  		#eee;
	background-position:	center center;
	background-repeat: 		no-repeat;
	background-size:  		cover;
}
.event_item:nth-child(4n+1) .event_item_info,
.event_item:nth-child(4n+2) .event_item_info
{
	margin-right:  			0;
	margin-left:  			50%;
}
.event_item:nth-child(4n+1) .event_item_picture,
.event_item:nth-child(4n+2) .event_item_picture
{
	right:  				auto;
	left:  					0;
}

/*************************************
 * Responsive
 *************************************/

@media only screen /* Smartphone Horizontal */
and (max-width : 1100px)
{
	.event_item_date
	{
		font-size:  		9pt;
	}
	.event_item_name
	{
		font-size:  		14pt;
	}
	.event_item_intro
	{
		font-size:  			10pt;
	}
	.event_item_location
	{
		font-size:  			9pt;
	}
}


@media only screen /* Smartphone Horizontal */ 
and (max-width : 800px)
{

	.event_item:link,
	.event_item:hover,
	.event_item:active,
	.event_item:visited
	{
		float:  			none;
		height:  			50vw;
		width:  			auto;
		margin-left:   		0;
		margin-right:  		0;
	}

	/*************************************
	 * Event
	 *************************************/
	.event_item .event_item_info
	{
		padding:  				7vw;
	}
	.event_item:nth-child(1n) .event_item_info,
	.event_item:nth-child(2n) .event_item_info,
	.event_item:nth-child(3n) .event_item_info,
	.event_item:nth-child(4n) .event_item_info
	{
		margin-right:  			0;
		margin-left:  			50%;
	}
	.event_item:nth-child(1n) .event_item_picture,
	.event_item:nth-child(2n) .event_item_picture,
	.event_item:nth-child(3n) .event_item_picture,
	.event_item:nth-child(4n) .event_item_picture
	{
		right:  				auto;
		left:  					0;
	}

	.event_item:nth-child(2n) .event_item_info
	{
		margin-right:  			50%;
		margin-left:  			0;
	}
	.event_item:nth-child(2n) .event_item_picture
	{
		right:  				0;
		left:  					auto;
	}
}


@media only screen /* Smartphone Horizontal */
and (max-width : 400px)
{
	/*************************************
	 * Event
	 *************************************/
	.event_item .event_item_info
	{
		padding:  		5vw 4vw;
	}
	.event_item_name
	{
		font-size:  	11pt;
		margin:  		5px 0;

	}
	.event_item_location
	{
		padding:  		5px 0;
		padding-left:  	15px;
	}
}
@media only screen /* Smartphone Horizontal */
and (max-width : 350px)
{
	.event_item .event_item_info
	{
		padding:  				4vw 3vw;
	}
	.event_item_intro
	{
		font-size: 8pt;
	}
}