@media (max-width: 768px) {

	.counter-container {
		position: relative;
		display: flex;
		flex-wrap: nowrap;
	}

	.counter-element {
		border-left: none;
		line-height: 1;
		transition: transform 0.5s ease-in-out;
		min-width: 100%;
		padding: 0;
	}

}

@media (max-width: 1479px) {

	.counter-container {
		max-width: 90%;
	}

}

@media (min-width: 1480px) {

	.counter-container {
		display: flex;
		justify-content: space-evenly;
	}

	.counter-element {
		border-left: 1px solid #FFFFFF99;
		line-height: 1;
		padding-left: calc(8px + (20 - 8) * ((100vw - 1480px) / (1920 - 1480)));
	}

}

