/*body {
  font-family: 'Titillium Web', cursive;
  width: 800px;
  margin: 0 auto;
  text-align: center;
  color: white;
  background: #222;
  font-weight: 100;
}*/

/*div {
  display: inline-block;
  line-height: 1;
  padding: 20px;
  font-size: 40px;
}*/



span {
  display: block;
  font-size: 16px;
  color: #9b9b9b;
  font-weight:300;
  margin-left:5px;
}

#days {
  font-size: 60px;
  color: #db4844;
 font-family: 'Heebo', sans-serif !important;
  font-weight:700;
}
#hours {
  font-size: 60px;
  color: #f07c22;
  font-family: 'Heebo', sans-serif !important;
   font-weight:700;
}
#minutes {
  font-size: 60px;
  color: #f6da74;
  font-family: 'Heebo', sans-serif !important;
   font-weight:700;
}
#seconds {
  font-size: 60px;
  color: #abcd58;
 font-family: 'Heebo', sans-serif !important;
  font-weight:700;
}

@media only screen and (max-width:480px){
#days {
  font-size: 50px;
}
#hours {
  font-size: 50px;

}
#minutes {
  font-size: 50px;

}
#seconds {
  font-size: 50px;
}

}