.countdown {
	text-align: center;
	padding-bottom: 3.5rem;
	margin-top: 1rem;
}

.countdown li {
	display: inline-block;
	position: relative;
	width: 17.1rem;
}

.countdown li:not(:nth-of-type(1)) {
	margin-left: -4px;
}

.countdown li::after {
	position: absolute;
	content: '';
	top: 0.6rem;
	right: 0;
	width: 1px;
	height: 8.5rem;
}

.countdown li:last-child::after {
	display: none;
}

.countdown li span {
	font-size: 1.7rem;
	line-height: 1.9rem;
	font-weight: 400;
	letter-spacing: -0.15px;
	display: block;
	margin-top: 1rem;
}

.countdown li span[id] {
	font-size: 6.6rem;
	line-height: 7.3rem;
	font-weight: 400;
	letter-spacing: -0.15px;
	margin-top: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.static .countdown {
		padding-bottom: 3rem;
		margin-top: 0.5rem;
	}
	.static .countdown li {
		width: 10rem;
	}
	.static .countdown li::after {
		top: 0.7rem;
		height: 6.9rem;
	}
	.static .countdown li span {
		font-size: 1.6rem;
		line-height: 1.8rem;
		letter-spacing: -0.05px;
		margin-top: 0.5rem;
	}
	.static .countdown li span[id] {
		font-size: 5.1rem;
		line-height: 5.7rem;
		letter-spacing: -0.05px;
	}
}

@media (max-width: 991px) {
	.countdown li {
		width: 15.5rem;
	}
}

@media (max-width: 767px) {
	.countdown {
		padding-bottom: 3rem;
		margin-top: 0.5rem;
	}
	.countdown li {
		width: 10rem;
	}
	.countdown li::after {
		top: 0.7rem;
		height: 6.9rem;
	}
	.countdown li span {
		font-size: 1.6rem;
		line-height: 1.8rem;
		letter-spacing: -0.05px;
		margin-top: 0.5rem;
	}
	.countdown li span[id] {
		font-size: 5.1rem;
		line-height: 5.7rem;
		letter-spacing: -0.05px;
	}
}

@media (max-width: 480px) {
	.countdown {
		padding-bottom: 2.5rem;
		margin-top: 0;
	}
	.countdown li {
		width: 6.3rem;
	}
	.countdown li::after {
		top: 3px;
		height: 4.8rem;
	}
	.countdown li span {
		font-size: 1.4rem;
		line-height: 1.6rem;
		letter-spacing: initial;
		margin-top: 0.5rem;
	}
	.countdown li span[id] {
		font-size: 3rem;
		line-height: 3.3rem;
		letter-spacing: initial;
	}
}