.timer-value-holder {
	width: 24.5%;
	float: left;
	margin-bottom: 20px;
}

@media all and (max-width: 250px) {
	.timer-value-holder {
	width: 49.5%;
}
}

.timer-header {
	font-family: 'Nunito Sans', 'Work Sans', sans-serif;
	font-size: 38px;
	font-weight: 900;
	letter-spacing: 1.5px;
	line-height: 38px;
	margin-right: 10px;
}
.timer-detail {
	font-size: 15px;
	line-height: 0px;
	padding-bottom: 10px;
}

@media all and (max-width: 600px) {
	.timer-detail {
	font-size: 8px;
}
}

.countdown {
	line-height: 1.2em;
	margin: 0 auto;
	max-width: 500px;
	text-align: center;
}

/* Example 7 */


.example--7 {
	color: #2b2b2b;
	font-family: 'Work Sans', sans-serif;
	font-size: 25px;
	line-height: 1.2em;
	text-align: center;
	max-width: 350px;
	margin: 0px auto;
}

.example--7 .countdown {
	display: inline-block;
	line-height: 1em;
	overflow: hidden;
}

.example--7 .number span {
	bottom: -1em;
	display: inline-block;
	position: relative;
	text-align: left;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
	width: .7em;
}

.example--7 .number span:first-child {
	text-align: right;
}

.example--7 .number.ce-mseconds {
	width: 130px;
}

.example--7 .number span.animate {
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-moz-transition: -moz-transform .3s;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
}

.example--7 .number span::before {
	content: attr(data-old);
	position: absolute;
	top: -100%;
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

@media all and (min-width: 600px) {
	.example--7 {
		font-size: 45px;
	}

	.example--7 .number {
		
	}
}