/* general styling */

.container {
  color: #003366;
  margin: 0 auto;
  text-align: center;
  text-shadow: 2px 2px 3px #b3b3b3;
  background-image: url('../images/gifs/ko_slide.gif');
  background-size: auto 43%;
  background-position: center 65px;
  background-repeat: no-repeat;
}

@media all and (max-width: 601px) {
	.container {
		background-position: center 80px;
	}
}

@media screen and (min-width: 601px) and (max-width: 992px) {
	.container {
		background-position: 30% 80px;
	}
}

h1 {
  font-weight: normal;
  letter-spacing: .125rem;
  text-transform: uppercase;
}

/* Countdown numbers & words, e.g. 'Days', 'Hours' etc */
li {
  display: inline-block;
  font-size: 1.25em;
  list-style-type: none;
  padding: 0.5em 0.5em 0;
}

/* Countdown numbers */
li span {
  display: block;
  font-size: 2.75rem;
  width: 57px;
}

.message {
  font-size: 4rem;
}

#content {
  display: none;
  padding: 1rem 0 0 0;
}

@media all and (max-width: 768px) {
 
  li {
    font-size: 1.125rem;
    padding: .5rem;
  }
  
  li span {
    font-size: 2.25rem;
  }
}