@media screen and (max-width: 600px) {

	.flip-clock-wrapper div.inn {
		font-size: 35px !important;
	}

	.flip-clock-wrapper ul {
		width: 30px; /* 60 */
		height: 50px; /* 90 */
		line-height: 47px; /* 87 */
		margin: 5px 3px; /* 5px 5px */
	}

	.flip-clock-wrapper ul li {
		line-height: 50px; /* 87 */
	}

	.flip-clock-divider {
		width: 10px; /* 20 */
		height: 60px; /* 100 */
	}

	.flip-clock-dot {
		height: 6px; /* 10 */
		width: 6px; /* 10 */
		left: 2px; /* 5 */
	}

	.flip-clock-dot.bottom {
		bottom: 20px; /* 30 */
	}

	.flip-clock-dot.top {
		top: 22px; /* 30 */
	}

	.flip-clock-divider.hours .flip-clock-label {
		right: -50px;
	}

	.flip-clock-divider.minutes .flip-clock-label {
		right: -55px; /* -88 */
	}

	.flip-clock-divider.seconds .flip-clock-label {
		right: -61px; /* -91 */
	}

}

.ms-counter {
	text-align: center;
}

.flip-clock-wrapper {
	display: inline-block;
	width: auto;
	margin: 15px auto 0;
}
.ms-counter .controls {
	text-align: center;
	margin: 2em auto;
	width: 100%;
}

.ms-counter .button {
	color: #bbb;
	font-size: 4vw;
	margin: 0 0.5em;
	text-decoration: none;
}

.ms-counter .button:first-child {
	margin-left: 0;
}

.ms-counter .button:last-child {
	margin-right: 0;
}

.ms-counter .button:hover {
	color: white;
}

.ms-counter .stopwatch {
	font-size: 20vw;
	height: 100%;
	line-height: 100vh;
	text-align: center;
}