
.countdown{
	display:flex;
	flex-wrap:wrap; /* important for layout builder*/
	justify-content: center;
	font-size:2em;
	font-weight: 800;
	color: var(--gt-gold);
}

.countdown .countdown-container{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin: 0 5px;

}

.countdown-container .countdown-heading{
	font-size:1.5vw;
	font-weight: 400;
	color: var(--gt-black);
}

.countdown-container .countdown-value {
	font-size:5vw;
	width:10vw;
	height:8vw;
	border-radius: 5px;
	border:1px solid #D2D2D2;
	font-weight: 800;
	
}

/* COLORS */

.sl-blastoff-wrapper.gold .countdown-value{
	color:var(--gt-black);
	background-color:var(--gt-gold);
	text-shadow: 0 1px 2px var(--gt-black);
}

.sl-blastoff-wrapper.black .countdown-value{
	color:var(--gt-gold);
	background-color:var(--gt-black);
	text-shadow: 0 1px 0px var(--gt-white);
}

.sl-blastoff-wrapper.blue .countdown-value{
	color:var(--gt-white);
	background-color:var(--gt-navy);
	text-shadow: 0 1px 2px var(--gt-black);
}

.sl-blastoff-wrapper.transparent .countdown-value{
	color:var(--gt-black);
	background-color:var(--gt-white);
	text-shadow: 0 1px 2px var(--gt-black);
}

.sl-blastoff-wrapper.warm.gray .countdown-value{
	color:var(--gt-black);
	background-color:var(--gt-warm-gray);
	text-shadow: 0 1px 2px var(--gt-black);
}

.sl-blastoff-wrapper.white .countdown-value{
	color:var(--gt-gold);
	background-color:var(--gt-white);
	text-shadow: 0 1px 2px var(--gt-black);
}


/* Portrait */
@media only screen and (max-width: 480px)
 {

	.countdown-container .countdown-value {

	font-size:1em !important;
	width:80px !important;
	height:50px !important;

	
    }	
	  
	  .countdown-container .countdown-heading{
	font-size:.4em;

   }
}