body {
	background:#222; 
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif; 
	font-size:14px; 
	color:#fff; 
	margin:0; 
	padding:0;
}

.wrapper {
	max-width: 800px;
	position: relative;
	margin:8% auto 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.header {
	text-align:center;
}

.header .logo {
	max-width:280px;
	margin-bottom:10px;
}

#countdown {
	width: 100%;
	position: relative;
	height: auto;
	text-align: center;
	margin: 40px 0px 20px;
}

#countdown .countdown-elem {
	display: inline-block;
	position: relative;
	width: 25%;
	height: auto;
	min-height: 200px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid rgba(255,255,255,0.3);
}

#countdown .countdown-elem:first-child {
	border-left: none;
}

#countdown .countdown-elem h2 {
	margin: 0px;
	font-size: 48px;
	font-weight: 700;
	line-height: 160px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

#countdown .countdown-elem span {
	display: block;
	color: rgba(255,255,255,0.6);
	margin-top: -40px;
	font-weight: 500;
}

@media all and (max-width: 599px) {
	.wrapper {
		margin:40px auto;
	}

	#countdown .countdown-elem h2 {
		font-size: 34px;
	}
	
	#countdown .countdown-elem {
		width: 46%;
	}
	
	#countdown .countdown-elem.elem-days, 
	#countdown .countdown-elem.elem-days, 
	#countdown .countdown-elem.elem-days, 
	#countdown .countdown-elem.elem-hours {
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	
	#countdown .countdown-elem.elem-days, 
	#countdown .countdown-elem.elem-minutes {
		border-left: none;
	}
}