.countdown {
  display: flex;
  gap: 1.5rem;
 /*
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  */

  .day, .hour, .min, .sec {
    padding: 0 0;
    text-align: center;
    .num {
      display: block;
      font-size: clamp(2rem, 4vw, 4rem);;
      line-height: 1em;
	  
    font-weight: normal;
    font-style: normal;
    }
    .word {
      display: block;
      font-size: 1rem;
	  margin-top: 0.5rem;
    }
  }
}


.countdown { justify-content: center; }

@media (max-width: 599px){
	header h1 { font-size: 1.5rem; padding-bottom: 1rem; }
	.countdown { 
		gap: 0.7rem;
		.day, .hour, .min, .sec { 
			.num { font-size: 2.1rem; }
			.word {  margin-top: 0rem; font-size: 0.9rem; } 		
		}}
}