@charset "utf-8";

	#countdown{  position: relative; background-color: #FFF;
  font-size: 2.3rem;
  line-height: 180%;
	width: 70%;
    text-align: center;
    margin: 1rem auto 0rem;
    /*background: #fae13c;*/
    padding:1rem 0;
    border-radius: 2rem;	
	font-weight:bold;
		color:#000;box-shadow: rgb(82 81 17 / 100%) 2px 4px 5px;
	}
  
  #countdown span{
    font-size: 4.5rem;
    vertical-align: baseline;
  }
  #countdown p{font-size:2.8rem;display:block;text-align:center;font-weight:bold;margin:2rem 0 0.5rem;}
  
  .timer{height:195px;}
  p.timer_txt{color:#d3000a;font-size:3.5rem;padding:2.5rem 0 0rem;display:block;text-align:center;line-height:100%;font-weight:bold;}	

@media only screen and (max-width: 980px) {
	#countdown{ width: 100%; }
	p.timer_txt{color:#FFF;}
}



@media only screen and (max-width: 500px) {
	#countdown{font-size:1.8rem;line-height:170%;    border-radius: 1rem;padding:0.8rem 0;}
	#countdown span{font-size:3.3rem;}
	.timer{padding:1rem 0 0;margin: 0.5rem auto 0rem;height:130px;}
	.timer p{font-size:1.8rem;margin:0.5rem 0 0rem;}
	p.timer_txt{font-size:2.5rem;padding:0rem 0 0rem;}
}
@media only screen and (max-width: 400px) {
	#countdown{font-size:1.6rem;}
}