:root {
  --smaller: .75;
}

ul.countdown {
  background-color: var(--blue-dianne);	
}	

ul.countdown.mobile {
  position: absolute;
  width: 100%;
  top: calc(47.87% - 72px);	
}	

li {
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding: 0.2em;
  text-transform: uppercase;
}

li.days {
  padding-right: 0.4em;
  padding-top: 0.6em;
  padding-left: 1em;
  padding-bottom: 1em;	
}	

li span {
  display: block;
  font-size: 4.5rem;
}

ul.countdown.mobile li span {
  font-size: inherit;
}

li.hours span::after, li.minutes span::after {
  content: ':';
  position: absolute;
  padding-left: 0.1em;
}

div.caption {
  font-size: 24px;	
  position: absolute;	
  letter-spacing: 0.20px;
  padding-left: 10px;	
}	

ul.countdown.mobile div.caption {
  font-size: 22px;	
  padding-left: 0;	
}

.completed {
  display: none;
  padding: 1rem;
}