@font-face { 
	font-family: "OpenSans"; 
	src: url('../fonts/oldsans.ttf'), url('../fonts/oldsans.ttf');
}

@font-face { 
	font-family: "Scoreboard"; 
	src: url('../fonts/scoreboard.ttf'), url('../fonts/scoreboard.ttf');
}

ul.countdown {
list-style: none;
padding-top: 35px;
padding-bottom: 15px;
display: block;
text-align: center;
color: white;
background: linear-gradient(170deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 20%, rgba(70,70,70,0.6) 50%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.6) 100%);
border: 1px solid rgba(50,50,50,1);
border-radius: 16px;
}

ul.countdown li {
display: inline-block;
}

ul.countdown li span {
font: normal 90px 'Scoreboard', sans-serif;
line-height: 80px;
color: orange;
}


@media only screen and (max-width: 1600px) {
ul.countdown li span {
font: normal 70px 'Scoreboard', sans-serif;
line-height: 60px;
color: orange;
}
}

@media only screen and (max-width: 640px) {
ul.countdown li span {
font: normal 50px 'Scoreboard', sans-serif;
line-height: 40px;
color: orange;
}
}



ul.countdown li.seperator {
font-size: 70px;
font-weight: bold;
line-height: 70px;
margin-bottom: 20px !important;
margin-left: 5px;
margin-right: 5px;
vertical-align: top;
}

@media only screen and (max-width: 640px) {
ul.countdown li.seperator {
font-size: 50px;
}
}



ul.countdown li p {
font: 'OpenSans', sans-serif;
color: orange;
font-size: 24px;
line-height: 40px;
}

.ClockBackground {
	background-image: url(scoreboard.jpg);      
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
border-radius: 16px;
padding: 40px;
margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {
.ClockBackground {
padding: 10px;
}
}

.CountdownHeader {
font: normal 48px 'OpenSans', sans-serif !important;
line-height: 46px !important;
margin-bottom: 10px !important;
color: white;
}

@media only screen and (max-width: 640px) {
.CountdownHeader {
font: normal 38px 'OpenSans', sans-serif !important;
line-height: 36px !important;
}
}

.timeunit {
font: normal 18px 'OpenSans', sans-serif !important;
font-weight: bold;
color: white !important;
text-transform: uppercase !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
margin-bottom: 10px;
}