.history {
	margin: 3rem 0;
	display:flex;
	flex-direction:column;
	gap:.5rem;
	position:relative;
}
.history .years {
	display:flex;
	gap:0;
	max-width:100%;
	overflow:auto;
	white-space:nowrap;
	background-color:#fff;
	position:sticky;
	top:70px;
	padding:.5rem 0;
	@media (max-width: 768px) { 
		top:60px;
	}
}
.history .years a {
	display:inline-flex;
	padding:3px 10px;
	text-decoration:none;
	border-radius:4px;
}
.history .years a:hover {
	background-color:#ccc;
}

.history .years-contents {
	width:100%;
	display:flex;
	flex-direction:column;
}

.history .year-content {
	width:100%;
	display:flex;
	flex-direction:column;
	padding:4rem;
	gap:1rem;
	background:center/cover no-repeat;
	height:600px;
}

.history .year-content-wrapper {
	width:100%;
	display:flex;
	flex-direction:column;
	gap:1rem;
	color:#fff;
	background-color:transparent;
	transition:all .35s ease;
	padding:1rem;
	@media (hover: none) { 
		background-color:rgba(0,0,0, .5);
	}
}
.history .year-content:hover .year-content-wrapper {
	background-color:rgba(0,0,0, .5);
}


.history-name {
	margin:0;
	font-size:3rem;
}
.history-description {
	margin:0;
	font-size:1rem;
}