@charset "UTF-8";
/* CSS Document */

#countdown { 
	width: 100%;
	display: inline-block;
	position: relative; 
	margin-top:3px;
	font-size: 58px;
	text-align: center;
	overflow: auto; box-shadow: 5px 5px;
}

#countdown #d {
	width:22%; 
	height:100%; 
	border-radius: 0px; 
	display: inline-block;
	position: relative; 
	margin-left: 0px; 
	background-color: red;
	color:lime;
	text-align: center;text-shadow: 4px 3px #000066;
}
#countdown #h {
	width:22%; 
	height:100%;
	border-radius: 0px;
	display: inline-block;
	margin-left: 0px; 
	background-color: red;
	color:lime;
	text-align: center;
	text-shadow: 4px 3px #000066;
}
#countdown #m {
	width:22%; 
	height:100%;
	border-radius: 0px;
	display: inline-block;
	margin-left: 0px; 
	background-color: red;
	color:lime;
	text-align: center;
	text-shadow: 4px 3px #000066;
}
#countdown #s {
	width:22%; 
	height:100%;
 border-radius: 0px; 
	display: inline-block;
	margin-left: 0px; 
	background-color: red;
	color:lime;
	text-align: center;
	text-shadow: 4px 3px #000066;
}
#countdown #fm {
	width:100%; 
	height:80px; 
	border-radius: 15px;
	position: relative; 
	float:left;  
	background: #0000FF; 
	text-align: center;
	text-shadow: 4px 3px #000066;
}
#countdown .label {
	width: 100%; position: relative; 
	font-size: 13px;color:yellow;
	text-shadow: 0px 0px #000066;margin:0;padding:0;
}
/* phone Layout: 500px max*/
@media (max-width: 500px){
	#countdown { 
	width: 100%;
	display: inline-block;
	position: relative; 
	margin:0px;
	font-size: 45px;
	text-align: center;
	overflow: auto;
}

#countdown #d {
	width:22%; 
	height:100%; 
	border-radius: 15px; 
	display: inline-block;
	position: relative; 
	margin-right: 2px; 
	background-color: #0000FF;
	color:#FFFF02;
	text-align: center;text-shadow: 4px 3px #000066;
}
#countdown #h {
	width:22%; 
	height:100%;
	border-radius: 15px;
	display: inline-block;
	margin-left: 2px; 
	background-color: #0000FF;
	color:#FFFF02;
	text-align: center;
	text-shadow: 4px 3px #000066;
}
#countdown #m {
	width:22%; 
	height:100%;
	border-radius: 15px;
	display: inline-block;
	margin-left: 4px; 
	background-color: #0000FF;
	color:#FFFF02;
	text-align: center;
	text-shadow: 4px 3px #000066;
}
#countdown #s {
	width:22%; 
	height:100%;
 border-radius: 15px; 
	display: inline-block;
	margin-left: 4px; 
	background-color: #0000FF;
	color:#FFFF02;
	text-align: center;
	text-shadow: 4px 3px #000066;
}
#countdown #fm {
	width:100%; 
	height:80px; 
	border-radius: 15px;
	position: relative; 
	float:left;  
	background: #0000FF; 
	text-align: center;
	text-shadow: 4px 3px #000066;
}
#countdown .label {
	width: 100%; position: relative; 
	font-size: 13px;color:#ffffff;
	text-shadow: 0px 0px #000066;margin:0;padding:0;
}
}