/* general styling */
#countdown{z-index:9999;position:fixed;height: auto; width: 100%; background-color:#fe3b39; color: #f6ff00; font-family: "Poetsen One", sans-serif; padding: 0; margin: 0; height: 50px; font-size: 2rem;}

:root {
  --smaller: .75; }

#countdown{ text-align: center;}
#countdown i{ margin: 0 5px; font-size: 3.5rem; color: #f6ff00;}
#countdown li {
  display: inline-block;
  list-style-type: none;
  padding: 0.2em 0.2em 0 0.2em;
  text-transform: uppercase;}

#countdown li span {
  display: inline-block;
  font-size: 3.5rem; line-height: 50px; }

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

.emoji span {
  font-size: 4rem;
  padding: 0 .5rem; }

@media all and (max-width: 768px) {

	
	#countdown i{ font-size: 2.5rem; }
  #countdown li {
    font-size: calc(1.125rem * var(--smaller)); }

  #countdown li span {
    font-size: calc(3.375rem * var(--smaller)); } }