@font-face{
	font-family:"gotham-rounded-light";
	src:url("../fonts/gotham-rounded-light.otf");
}

audio,
canvas,
img,
video {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/* Example 9 */

.countdown-timer .countdown {
	max-width: none;
	padding: 35px 25px;
}

.countdown-timer .circle {
	display: inline-block;
	position: relative;
	margin-left: -57px;
	background:#fff; border-radius:50%; width:29%;/**/
}
.countdown-timer .circle:first-child {margin-left:0px;}

.countdown-timer canvas {
	/*height: 275px;
	width: 275px;*/
	width: 100%;
	height:275px\9\0;/*Only works in IE9*/
}


.countdown-timer .circle__values {
	height: 70px;
	margin-top: -35px;
	position: absolute;
	top: 35%;
	width: 100%; font-family:"gotham-rounded-light"; letter-spacing:-5px;
}

.countdown-timer .ce-digit,
.countdown-timer .ce-label  {
	display: block;
	line-height: 1;
}

.countdown-timer .ce-digit  {
	display: block;
	font-size:120px;
}

.countdown-timer .ce-label  {
	color: #929292;
	display: block;
	margin-top: 15px;
	text-transform: uppercase; font-size:25px;
}

/*@media all and (min-width: 400px) {
	.countdown-timer .circle {
		margin: -20px;
	}
	.countdown-timer canvas {
		width: 164px;
		height: 164px;
	}
	.countdown-timer .ce-digit  {
		font-size: 35px;
	}

	.countdown-timer .ce-label  {
		font-size: 15px;
	}
}

@media all and (min-width: 900px) {
	.countdown-timer .circle {
		margin: -25px;
	}
	.countdown-timer canvas {
		width: 204px;
		height: 204px;
	}
	.countdown-timer .ce-digit  {
		font-size: 40px;
	}

	.countdown-timer .ce-label  {
		font-size: 15px;
	}
}*/

.ce-digit.ce-days{color:#1da2ce;}
.ce-label.ce-days-label{color:#1da2ce; letter-spacing:-1px;}

.ce-digit.ce-hours{color:#68d387;}
.ce-label.ce-hours-label{color:#68d387; letter-spacing:-1px;}

.ce-digit.ce-minutes{color:#ec585f;}
.ce-label.ce-minutes-label{color:#ec585f; letter-spacing:-1px;}

.ce-digit.ce-seconds{color:#fcae2f;}
.ce-label.ce-seconds-label{color:#fcae2f; letter-spacing:-1px;}

@media (max-width: 768px){
	.countdown-timer .circle{width:28%; margin-left:-40px;}
	.countdown-timer .ce-digit{font-size:95px;}
	.countdown-timer .ce-label{font-size:22px;}	
}

@media (max-width: 640px){
	.countdown-timer .circle{width:28%; margin-left:-30px;}
	.countdown-timer .ce-digit{font-size:75px;}
	.countdown-timer .ce-label{font-size:19px;}	
}

@media (max-width: 480px){
	.countdown-timer .circle{width:28%; margin-left:-23px;}
	.countdown-timer .circle__values{top:45%;}
	.countdown-timer .ce-digit{font-size:58px;}
	.countdown-timer .ce-label{font-size:15px; margin-top:3px;}	
	
	.countdown-timer .countdown{padding:20px 15px;}
	
}

@media (max-width: 360px){
	.countdown-timer .circle{width:100%; margin-left:0px; margin-top:-60px}
	.countdown-timer .circle:first-child{margin-top:0px}
	.countdown-timer .circle__values{top:31%;}
	.countdown-timer .ce-digit{font-size:120px;}
	.countdown-timer .ce-label{font-size:25px; margin-top:3px;}	
}