@font-face {font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Cond.eot');}
@font-face {font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Cond.otf');}

/* -------------- BEGIN COUNTER ---------------------*/

#countbox{
	float: left;
	padding-top: 5px;
	color: #fff;
	font-family: Myriad Pro,Helvetica,sans-serif;
	font-size: 58px;
	width: auto;
	margin: 0 auto;
}
#days, #hours, #mins, #secs{
	float: left;
	padding-top: 10px;
	text-align: center;	
	background-image:url('../img/flip.png');
	background-repeat:no-repeat;
	margin: 0 2px;
	height: 86px;
	width: 89px;
	z-index:1;
}
#days_text, #hours_text, #mins_text, #secs_text{
	position: absolute;
	margin-top: 35px;
	height: 26px;
	width: 94px;
}
#days span, #hours span, #mins span , #secs span {
	position: absolute;
	display: block;
	height: 57px;
	width: 94px;
}

/* -------------- END COUNTER ---------------------*/

/* Maximum width of 1366 pixels. */
@media screen and (max-width: 1366px) {

	#countbox{
	float: left;
	padding-top: 5px;
	color: #fff;
	font-family: Myriad Pro,Helvetica,sans-serif;
	font-size: 40px;
	width: auto;
	margin: 0 auto;
}
#days, #hours, #mins, #secs{
	padding-top: 10px;
	background-size: 100%;
	margin: 0 3px;
	height: 60px;
	width: 61px;
}
#days_text, #hours_text, #mins_text, #secs_text{
	position: absolute;
	margin-top: 35px;
	height: 26px;
	width: 80px;
}
#days span, #hours span, #mins span , #secs span {
	position: absolute;
	display: block;
	height: 57px;
	width: 80px;
}
	
}