html, body {
	
}



body { 
	

}

::-webkit-input-placeholder { color: #DDD }
:-moz-placeholder { color: #DDD }
:-ms-input-placeholder { color: #DDD }

.clear { clear: both }

#wrapper {
	margin: 0 auto;
	width: 176px;
	
}

/* === Header Section === */

#logo {
	font: bold 3.5em 'Oswald';
	text-align: center;
	text-shadow: 1px 1px 2px #111;
}

/* === Timer Section === */
#countdown {
	margin-top: 40px;
	text-align: center;
}

h3 {
	color: #000000;
	padding-left: 5px;
	text-align: left;
	
}

.progressbar {
	z-index: 1;
}



\* this is where you change the width of the bar

.progressbar > .wrap { 
	position: absolute; 
	width: 300px; 
	height: 15px; 
}

.progressbar .back {
	width: 100%;
	min-height: 15px;
	border: 4px solid #439591;
	background-color: #439591;
}

.progressbar .front {
	
	
	width: 0%;
	min-height: 17px;
	background-color:#80d3d9;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80d3d9', endColorstr='#80d3d9');
				background-image: -moz-linear-gradient(top, #80d3d9, #80d3d9);
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #80d3d9),color-stop(1, #80d3d9));
			background-image: -webkit-linear-gradient(#80d3d9, #80d3d9);
}

.progressbar .num {
 /* position: absolute; */
	margin-top: 1px;
	margin-left: 10px;
	font: 1em Arial;
	font-size: 12px;
  /*  font-weight: bold;  */
	color: #000000;
	opacity: 1;
}

.progressbar .launch-date {
	margin-top: 5px;
	font-family: Arial;
	text-align: right;
	text-shadow: 1px 1px 1px #111;
}