.events .year-container .event {
	
	margin: 1em;
}

.events .year-container .event .event-image {
	
	display: inline-block;
	vertical-align: middle;
	margin: .5em;
	padding: .5em;
	
	text-align: center;
	width: 150px;
}

.events .year-container .event .event-image img {
	
	max-width: 100%;
}

.events .year-container .event .event-details {
	
	display: inline-block;
	vertical-align: middle;
	margin: .5em;
	padding: .5em;
	font-size: 1.3em;
	max-width: 400px;
}

.events .year-container .event .event-details div:not(.booth-container) {
	
	padding: .25em;
}

.events .year-container .event .event-details .booth-container .booth {
	
	padding: .25em;
	display: list-item;
	list-style-type: disc;
	margin-left: 1.5em;
}

.events .year-container .event .event-details .event-name {
	
}

.events .year-container .event .event-details .event-name:hover {
	
	color: #f89c42;
	text-decoration: underline;
}

.events .year-container .year-display {
	
	font-size: 2em;
	margin: .5em;
	padding: .5em;
	color: #007AC3;
	border-bottom: 2px solid #007ac3;
	text-align: center;
}

/**
	MEDIA QUERIES 
*/
@media all and (max-width: 768px) {
	
	.events .year-container .event .event-details {
		
		display: block;
		text-align: center;
		margin: 0em auto;
		margin-bottom: 1em;
		padding-top: 0em;
		padding-bottom: 1em;
	}
	
	.events .year-container .event .event-details div {
		
		text-align: center;
	}
	
	.events .year-container .event .event-details .booth-container {
		
		display: none;
	}
	
	.events .year-container .event .event-image {
		
		text-align: center;
		display: block;
		width: inherit;
		margin-top: 1em;
		padding-top: 1em;
		margin-bottom: 0em;
		padding-bottom: 0em;
	}
}