.countdown {
	font-family: sans-serif;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	margin: 20px auto 20px;
}

.countdown > div {
	width: 100px;
	height: 100px;
	padding: 8px;
	margin: 0 10px;
	display: inline-block;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: var(--negro);
	border: 3px solid var(--amarillo);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.countdown div > span {
	width: 55px;
	font-size: 50px;
	line-height: 45px;
	padding: 5px 0px;
	display: inline-block;
}

.countdown p {
	color: var(--blanco);
	padding-top: 8px;
	font-size: 16px;
	line-height: 12px;
	letter-spacing: 1px;
	margin: 0;
}

@media screen and (max-width:460px) {
	.countdown div:last-child { display: none; }
}

@media screen and (max-width:330px) {
	.countdown > div { margin: 0 3px; }

	.countdown div > span {
		width: 45px;
		font-size: 24px;
		line-height: 30px;
	}

	.countdown p {
		padding-top: 3px;
		font-size: 12px;
		line-height: 12px;
		letter-spacing: 0px;
	}
}