body {
  color: #fff;
  background: #000;
  font-family: 'Charm', cursive;
}
.centre-img {
  width: 600px;
  margin: 100px auto 10px auto;
}
.centre-img img {
  width: 100%;
}
ul {
  padding: 0;
}
li {
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}
li span {
  display: block;
  font-size: 4.5rem;
}
#countdown {
  width: 800px;
  margin: 10px auto;
  text-align: center;
}
@media only screen and (max-width: 650px) {
  .centre-img {
      width: 100%;
  }
  #countdown li {
    font-size: 0.7em;
  }
  #countdown li span {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 750px) {
  #countdown {
    width: 100%;
  }
}