div.countdown{
	width: 100%;
	 border-radius: 20px;
 	-moz-border-radius: 20px; 
	 -webkit-border-radius: 20px; 
	 -khtml-border-radius: 20px;	
	 text-align: center;
	 box-sizing: border-box;
	background: url('/clips/festival-counter.jpg') no-repeat center center; 
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}
@media (max-width: 950px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait)
  {	
	div.countdown{
		width: 100%;
	}
}
div.countdown_head{
	color: white;
	font-size: 16pt;
	margin-bottom: 0px;
	font-weight: bold;
	margin-bottom: 10px;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
  {	
	div.countdown_head{
		-moz-hyphens: auto;
	   	-o-hyphens: auto;
		   -webkit-hyphens: auto;
		   -ms-hyphens: auto;
		   hyphens: auto; 
	}
}
div.countdown_dist{
	padding: 20px;
}
div.countdown_col{
	position: relative;
	width: 25%;
	text-align: center;
	float: left;
	padding: 0px;
	box-sizing: border-box;
	font-size: 14pt;
	font-weight: bold;	
	text-shadow: 1px 1px 3px black; 
	color: white;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
  {	
	div.countdown_col{		
		font-size: 10pt;
	}
}	
div.countdown_col div{
	float: left;
	width: 15%;
	color: #FB650B;
	font-size: 26pt;
	text-align: center;
	background: #EEEEEE;
	box-sizing: border-box;
	padding: 15px 0px 15px 0px;
	text-shadow: 0px 0px 0px black; 
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
  {	
	div.countdown_col div{
		width: 40%;
	}
}
div.countdown_col div:first-child{
	margin-left: 35%;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
  {	
	div.countdown_col div:first-child{
		margin-left: 10%;
	}
}
div.countdown_col div:last-child{
	border: 0px;
	background: 0px;
	float: none;
}