.main {
	padding-bottom: 0;
}

.exhibitionCategoryContainer {
	width: 100%;
	margin-bottom: 1.5rem;
	border: 2px solid black;
}
  
.exhibitionCategory {
	text-transform: uppercase;
	color: white;
	background-color: black;
	padding: 11px 15px 9px;
}
  
.exhibitionContainer {
	display: grid;
	grid-template-columns: 1fr 4fr 4fr;
	
	gap: 1.5rem;
	padding: 11px 15px 9px;
	border-top: 2px solid black;
}

a {
	display: block;
}

a:hover {
	color: white;
	background-color: black;
	transition: 0.5s;
}

/* ----------------------------------------------------------------------------------------------------
RESPONSIVE BEHAVIOR
---------------------------------------------------------------------------------------------------- */

@media (max-width: 900px) {
	.time {
		grid-area: time;
	}
	.title {
		grid-area: title;
		text-wrap: balance;
	}
	.place {
		grid-area: place;
		text-wrap: balance;
	}
	.exhibitionContainer {
		grid-template-columns: repeat(5, 1fr);
		column-gap: 0.75rem;
		row-gap: 0;
		grid-template-areas:
			"time title title title title"
			"time place place place place";
	}
}

@media (max-width: 700px) {
	.exhibitionContainer {
		grid-template-columns: repeat(4, 1fr);
		column-gap: 0.75rem;
		row-gap: 0;
		grid-template-areas:
			"time title title title"
			"time place place place";
	}
}

@media (max-width: 550px) {
	.exhibitionContainer {
		grid-template-columns: repeat(3, 1fr);
		column-gap: 0.75rem;
		row-gap: 0;
		grid-template-areas:
			"time title title"
			"time place place";
	}
}