.countdownHolder{
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 0 12px;
  font: 40px/1.5 'Open Sans Condensed',sans-serif;
  text-align:center;
  letter-spacing:-10px;
  overflow: hidden;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 10px;
}

.position{
  display: inline-block;
  height: 1.6em;
  overflow: hidden;
  position: relative;
  width: 0.50em;
  font-size: 70px;
}

.digit {
  background-color: transparent;
  border-radius: 0.2em;
  color: #fff;
  display: block;
  font-size: 60px;
  font-weight: bold;
  letter-spacing: -1px;
  position: absolute;
  text-align: center;
  width: 0.5em;
}

.countDiv{
  display:inline-block;
  width:60px;
  height:2.7em;
  position:relative;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .countdownHolder{
      letter-spacing: -6px;
      gap: 4px 8px;
  }

  .position{
      font-size: 54px;
  }

  .digit{
      font-size: 46px;
  }

  .countDiv{
      width: 28px;
  }
}

@media (max-width: 576px) {
  .countdownHolder{
      letter-spacing: -4px;
      gap: 2px 6px;
  }

  .position{
      font-size: 44px;
  }

  .digit{
      font-size: 38px;
  }

  .countDiv{
      display: none;
  }
}