body {
  height: 100vh;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

/* countdown page - title */
.countdown-page-title {
  font-weight: 700;
}

.bg-secondary {
  font-size: 1.3rem;
  background-color: #FF6B00 !important;
  border-radius: 2rem;
}

@media (max-width: 480px) {
  * countdown-page */ .list-group {
    border-radius: 1rem;
  }

  .list-group-item {
    background: rgba(255, 252, 228, 0.8);
  }

  .countdown-title {
    color: #239B85;
    font-size: 1.25rem;
    font-weight: 700;
  }

  .exam-date {
    color: #808081;
    font-size: 0.875rem;
    font-weight: 700;
  }

  .countdown-number {
    color: #FF6B00;
    font-size: 2.5rem;
  }

  .countdown-day {
    color: #FF6B00;
    font-weight: 700;
    font-size: 1.25rem;
  }

}

@media (min-width: 481px) and (max-width: 1400px) {

  /* countdown-page */
  .list-group {
    border-radius: 1rem;
  }

  .list-group-item {
    background: rgba(255, 252, 228, 0.8);
  }

  .countdown-title {
    color: #239B85;
    font-size: 1.7rem;
    font-weight: 700;
  }

  .exam-date {
    color: #808081;
    font-size: 1rem;
    font-weight: 700;
  }

  .countdown-number {
    color: #FF6B00;
    font-size: 3rem;
  }

  .countdown-day {
    color: #FF6B00;
    font-weight: 700;
    font-size: 1.2rem;
  }
}

@media (min-width: 1401px) {

  /* countdown-page */
  .list-group {
    border-radius: 1rem;
  }

  .list-group-item {
    background: rgba(255, 252, 228, 0.8);
  }

  .countdown-title {
    color: #239B85;
    font-size: 2rem;
    font-weight: 700;
  }

  .exam-date {
    color: #808081;
    font-size: 1.25rem;
    font-weight: 700;
  }

  .countdown-number {
    color: #FF6B00;
    font-size: 5rem;
  }

  .countdown-day {
    color: #FF6B00;
    font-weight: 700;
    font-size: 1.5rem;
  }
}