.center{
	margin: auto;
	max-width: 1280px;
	padding:16px;
}
.overview-header{
	background: #FFF;
}
.overview-logo{
	width: 88px;
}
:root{
	--cell-width:100%;
	--cell-big-width:100%;
}
@media (min-width:800px){
	:root{
		--cell-width:50%;
		--cell-big-width:100%;
	}
}
@media (min-width:1100px){
	:root{
		--cell-width:33.3%;
		--cell-big-width:66.6%;
	}
}
.overview{
	display: flex;
}
	.overview__cell-sizer{
		width: var(--cell-width);
	}
	.overview__cell{
		width: var(--cell-width);
		padding:16px;
		box-sizing: border-box;
	}
	.overview__cell--big{
		width:var(--cell-big-width);
	}
.event{
	display: block;
	background: #f1f1f2;
	border-radius: 6px;
	overflow: hidden;
}
.event:hover{
	text-decoration: none;
}
	.event__image{
		width:100%;
		aspect-ratio: 3/2;
		background: center no-repeat;
		background-size: cover;
	}
	@media (min-width:800px){
		.overview__cell--big .event__image{
			aspect-ratio: 6/2;
		}
	}

	.event__details{
		padding:24px;
		color: #1f1e2f;
	}
		.event__details__date{
			margin-bottom: 4px;
			font-size: 90%;
		}
		.event__details__title{
			display: block;
			margin-bottom: 16px;
			line-height: 1.1;
			font-size: 130%;
		}

	.event__link{
		padding:16px 24px;
		background: #e7e8eb;
		font-weight: bold;
	}

	.event:hover .event__link{
		text-decoration: underline;
	}
	.event__link::after{
		content:'';
		display: inline-block;
		margin-left: 4px;
		width: 16px;
		aspect-ratio: 1;
		background: url(../images/arrow-right-blue.svg) no-repeat center;
		background-size: contain;
		vertical-align: text-bottom;
	}