@media (max-width: 1023px) {

	.timeline__container {
		display: flex;
		flex-direction: column;
		row-gap: 20px;
	}

	.timeline__svg,
	.timeline__dot {
		display: none;
	}

	.timeline__year {
		font-size: 25px;
		color: var(--e-global-color-secondary);
	}

	.timeline__item--3 .timeline__description.end-text {
		margin-top: 20px;
	}

}

@media (min-width: 1024px) {

	.timeline__container {
		display: flex;
		justify-content: space-between;
	}

	.timeline__item {
		width: 300px;
	}

	.timeline__item--1 .timeline__year {
		position: absolute;
		top: -50px;
		left: 0;
		right: 0;
	}

	.timeline__item--2 .timeline__year {
		position: absolute;
		top: -35px;
		left: 0;
		right: 0;
	}

	.end-text {
		margin-top: 50px;
	}

	.timeline__item--3 .timeline__dot {
		margin-top: -25px;
	}

}