#countdown {
   vertical-align: middle;
    position:relative;
  }
#countdown .byoa{
  color:#000;
  vertical-align:bottom;
  display:inline-block;
  padding:0 .5em .5em 0;
  text-align:right;
  font-weight:600;
}
.timer{display:inline-block; margin:0; padding:0; vertical-align:bottom; color:#000;}
.timertext{font-weight:bold; letter-spacing:.2em;}
.timertext span.number{
  color:#fff;
  background: rgb(6,18,66);
font-weight: 700;
font-style: normal;
letter-spacing:-.02em;
padding:0 .1em;
}
.timertext span.dhms{
  letter-spacing:0;
  display:inline-block;
}
.timer span.nowoa{
text-align:center;
color:#fff;
background: rgb(6,18,66);
font-weight: 700;
font-style: normal;}

#countdown p{background:none !important;}

@media all and (min-width: 768px) {
  #countdown {
    width: 1020px;
    margin:0 auto;
      text-align:center;
      padding-top:2em;
    }
    #countdown .byoa{
      font-size:180%;
    }
.timertext{
  font-size:200%;
}
    .timertext span.number{
      font-size:240%;
    }
    .timer span.nowoa{
    font-size:400%;
  }
}
@media all and (max-width: 767px) {
  #countdown {
    margin:0 auto;
     width:100%;
    text-align:center;
      padding-top:1em;
  }
  #countdown .byoa{
    font-size:100%;
  }
  .timertext{
    font-size:160%;
  }
  .timertext span.number{
    font-size:120%;
  }
  .timer span.nowoa{
  font-size:200%;
}
}