.countdowndate {
	display:grid;
	grid-template-areas:
		"ccdthree ccdone ccdtwo ccdtwo ccdtwo";
	border-bottom:.5px solid rgba(219,219,219,1);
	padding-top:.5em;
}
.countdowndate .ccd1 {grid-area:ccdone;}
.countdowndate .ccd2 {grid-area:ccdtwo;}
.countdowndate .ccd3 {grid-area:ccdthree;}

.countdowndate > div.ccd2  {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
}
.countdowndate > div.gridbox {
	color: rgba(219,219,219,.8);
	text-align:center;
}
.countdowndate > div.ccd3 {
	text-align:left;
	font-size:3em;
	color:red;
}
.countdowndate > div.gridbox div.day {font-size:2em;}
.countdowndate > div.gridbox div.hour {font-size:1.5em;}
.countdowndate > div.gridbox div.min {font-size:1.5em;}
.countdowndate > div.gridbox div.sec {font-size:2em;}

/* @media ***********************************************/
@media screen and (max-width: 480px) {
	.countdowndate {font-size:.8em;}
}