/* resets and general styles */



div.wrapperg{
	width: calc(4*225px);
	margin: 0 auto;
}

span, a, strong{font-weight: 700;}
a{transition: .2s; text-decoration: none; color: #FFF;}
a:hover{transition: .2s; color: #FF5722;}

/* page layout */

/* header */

header{
	width: 100%;
	height: 50%;
	background: #607D8B;
}

/* section */

sectionh{
	width: 100%;
	height: 50%;
}

sectionh h1, sectionh p.meta{
	color: #FFFFFF;
	margin-bottom: 15px;
}

sectionh hgroup{margin-top: 0px;}

sectionh p.numbers{font-size: 6em;}
sectionh p.meta,sectionh p.strings{font-size: 1.5em;}
sectionh h1{font-size: 4.5em;}

/* countdown styles */

div#countdown2{color: #353535;}

div#countdown2 p{
	width: 100%;
	display: inline-block;
	text-align: center;
}

p.numbers{
	width: 100%;
	height: 85%;
	background: #FFFFFF;
	margin-top: -25px;
	padding-top: 10px;
	font-size: 7em;
	color: #2a2a2a;
}

p.strings{
	width: 100%;
	height: auto;
	padding: 30px 0;
	background: #FF5722;
	color: #FFFFFF;
}

p.footer2{
	width: 100%;
	height: auto;
	padding: 0px 0;

	color: #FFFFFF;
}

div.cd-box{
	width: 210px;
	height: 160px;
	background: #FFFFFF;
	float: left;
	padding: 0px 0 0 0;
	margin: 30px 15px 0 0;
	-webkit-box-shadow: 5px 6px 9px 1px rgba(53, 53, 53, 0.5);
	-moz-box-shadow: 5px 6px 9px 1px rgba(53, 53, 53, 0.5);
	box-shadow: 5px 6px 9px 1px rgba(53, 53, 53, 0.5);

}

/* footer */

footer{
	position: relative;
	top: 60px;
}

footer p{
  color: #787878;
}