html, body{padding:0; margin:0; background:#000000; height:100%; width:100%; font-family: 'Open Sans', sans-serif; color:#fff;}

.timetext{font-size: 22px;font-weight: 300;}

.container{height: 100%; width: 100%; display:table;}

.logo-container{display: table-cell;height: 100%;text-align: center;vertical-align: middle;width: 100%;}

.logo{height: auto; max-width: 600px;}

h2{border-top: 1px solid #d33227;color: #fff;display: table;font-weight: 300;margin: 15px auto 0;padding: 5px 10px 0;width: auto; font-size:22px; text-transform:uppercase;}

#countdown-heading{font-size: 16px;font-weight: 300;margin: 80px 0 0;text-transform: uppercase;}

#countdown{font-size: 30px;font-weight: 800;letter-spacing: 1px;margin: 5px 0 0;text-transform: uppercase;}

.spacer{ display: inline;padding: 0 10px;}

.spacer:last-child{display: none;}



@media screen and (max-width: 980px) {

.container{height: 100%; width: 90%; margin:0 auto; display:table;}

.logo{height: auto; max-width: 100%;}

.mobile_wrap{}

}



@media screen and (max-width: 767px) {
	
	.mobile_wrap{}

.container{height: 100%; width: 90%; margin:0 auto; display:table;}

.logo{height: auto; max-width: 100%;}

h2{font-size:18px;}

#countdown-heading{margin-top:60px;}

#countdown{font-size: 24px;}

.spacer {display: block;padding: 0; clear:both;}

}