#clockdiv { display: inline-block; line-height: 1.3;}
.hz-clock-element { display: inline-block; }
.clocklabel { color:gray; text-align:center; padding-top:8px; }
.days, .hours, .minutes, .seconds {
	font-weight:bold;
	-color:white;
	-background:#2b2a29;
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.days, .hours, .minutes, .seconds {
		font-size:30px;
		padding:6px;
		margin:2px;
	}
	.clocklabel { font-size:12px; }
}

/* Landscape phones and portrait tablets */
@media (min-width: 480px) {
	.days, .hours, .minutes, .seconds {
		font-size:30px;
		padding:6px;
		margin:2px;
	}
	.clocklabel { font-size:12px; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px)  {
	.days, .hours, .minutes, .seconds {
		font-size:48px;
		padding:9px;
		margin:3px;
	}
	.clocklabel { font-size:24px; }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px)  {
	.days, .hours, .minutes, .seconds {
		font-size:60px;
		padding:9px;
		margin:3px;
	}
	.clocklabel { font-size:24px; }
	.hz-main { padding-bottom:62px; }
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.days, .hours, .minutes, .seconds {
		font-size:72px;
		padding:9px;
		margin:3px;
	}
	.clocklabel { font-size:24px; }
	.hz-main { padding-bottom:62px; }
}


/*
@font-face {
  font-family: 'GillSansMT-Condensed';
  src: url('fonts/GillSansMT-Condensed.eot?#iefix') format('embedded-opentype'),
  url('fonts/GillSansMT-Condensed.woff') format('woff'),
  url('fonts/GillSansMT-Condensed.ttf')  format('truetype'),
  url('fonts/GillSansMT-Condensed.svg#GillSansMT-Condensed') format('svg');
  font-weight: normal;
  font-style: normal;
}


.hz-clock-element { font-family:GillSansMT-Condensed, arial, sans; }
*/