/*
  Countdown Clock

  https://codepen.io/SitePoint/pen/MwNPVq/
*/

html,
body {
    width: 100%;
    height: 100%;
}
body {
  font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	background: #00ECB9;
  font-family: sans-serif;
  font-weight: 100;
}

h1{
  color: #fff;
  font-weight: 100;
  font-size: 40px;
  margin: 40px 0px 20px;
}

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    background: url(../img/bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    color: white;
}
.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#clockdiv{
	font-family: sans-serif;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
}

#clockdiv > div{
	padding: 10px;
	border-radius: 3px;
	background: #000;
  opacity: 0.6;
	display: inline-block;
}

#clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
	background: #000;
  opacity: 1;
	display: inline-block;
}

.smalltext{
	padding-top: 5px;
	font-size: 16px;
}