.countdown {
  background-color: #37bfa3;
  border-bottom: 2px solid #279f87;
  color: #fff;
  text-align: center;
  padding: 0.5em; }
  .countdown.countdown-hidden {
    display: none; }
  .countdown.countdown-bg-red {
    background-color: #ef4836;
    border-color: #d72411; }
  .countdown.countdown-bg-blue {
    background-color: #3498db;
    border-color: #2077b2; }
  .countdown.countdown-bg-gold {
    background-color: #f9690e;
    border-color: #cf5305; }
  .countdown p {
    float: left;
    display: block;
    font-size: 110%;
    line-height: 2.3em;
    width: 65%;
    cursor: default; }
  .countdown .countdown-el {
    display: inline-block;
    padding: 0 0.5em;
    cursor: default; }
    .countdown .countdown-el + .countdown-el {
      border-left: 1px solid rgba(255, 255, 255, 0.3); }
    .countdown .countdown-el span {
      font-weight: bold;
      font-size: 130%; }
    .countdown .countdown-el i {
      display: block;
      text-transform: uppercase;
      font-size: 60%;
      font-style: normal; }

@media (max-width: 889px) {
  .countdown p {
    font-size: 100%;
    line-height: normal; } }
@media (max-width: 767px) {
  .countdown p {
    font-size: 120%;
    margin: 0 0 1em;
    float: none;
    width: initial;
    padding: 0 1em;
    line-height: normal; } }

/*# sourceMappingURL=countdown.css.map */