#countdown {
  display: none;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 25px 10px 25px;
  text-align: center;
  color: white;
  background-color: #004097;
  background-image: linear-gradient(45deg, rgba(7, 105, 213, 0.168627451) 25%, transparent 25%, transparent 75%, rgba(7, 105, 213, 0.168627451) 75%), linear-gradient(45deg, rgba(7, 105, 213, 0.168627451) 25%, transparent 25%, transparent 75%, rgba(7, 105, 213, 0.168627451) 75%);
  background-position: 10px 10px, 15px 15px;
  background-size: 10px 10px;
  border: 3px solid #e6ff6d;
}
@media screen and (max-width: 768px) {
  #countdown {
    padding: 15px 10px 15px;
  }
}
#countdown p {
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #countdown p {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}
#countdown p span.timer_pickup {
  font-size: 3.2rem;
  color: yellow;
}
@media screen and (max-width: 768px) {
  #countdown p span.timer_pickup {
    font-size: 2.4rem;
  }
}
#countdown p span.day {
  font-size: 3.5rem;
  padding: 0 5px;
  color: yellow;
}
@media screen and (max-width: 768px) {
  #countdown p span.day {
    font-size: 2.8rem;
  }
}
#countdown p span.timer_area {
  letter-spacing: 3px;
  padding: 0 7px;
  font-size: 4.5rem;
  text-shadow: 0 0 7px rgb(251, 255, 0);
  color: yellow;
}
@media screen and (max-width: 768px) {
  #countdown p span.timer_area {
    font-size: 3.8rem;
    text-shadow: 0 0 6px rgba(251, 255, 0, 0.5);
  }
}
#countdown p span.time_separator {
  display: inline-block;
  vertical-align: top;
  margin-top: -3px;
}