body{ font-family:'Oswald', Arial; color:#fff; background:rgba(0,0,0,1);
}
@media (min-width: 1200px){ .container { width:1170px;
	}
}
#wrap{
	width:100%; height:100%; display:table; position:relative; z-index:10000;
}
#defaultCountdown{
	z-index:2; margin:0 auto; display:table; position:relative;
}
.countdown-row { margin:0 auto; width:100%; display:table; text-align:center;
}
.countdown-section { display: block; float: left; text-align: center; width:120px; height:120px; 
	border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:solid 1px #fff; 
	text-align:center; margin:40px 20px;
}
.countdown-amount { font-size: 60px; font-weight:700; line-height:120px;
}
.countdown-period { display: block; line-height:60px; color:#ff9c00; font-size:18px; font-weight:100;
}
.image-align{ margin:0 auto; text-align:center; display:block; padding-top: 100px;
}
h1{ font-size:56px; font-weight:300; text-align:center;
}
h1 span{ font-size:32px;
}
.yellow{ color:#ff9c00; font-size:56px;
}
p{ font-size:16px; line-height:30px; text-align:center; font-weight:100;
}
/*------------------------------------------------*/ /* Responsive behaviour 
/*------------------------------------------------*/ @media (min-width: 561px) and (max-width: 720px) {
	
	.countdown-section { margin:5px;
	}
}
@media (max-width: 600px){
	
	.countdown-section { display: block; float: left; text-align: center; width:75px; height:75px; 
		margin:6px;
	}
	
	.countdown-amount { font-size: 32px; font-weight:700; line-height:74px;
	}
	
}
@media (max-width: 420px){
	
	.countdown-section { display: block; float: left; text-align: center; width:56px; height:56px; 
		margin:2px;
	}
	
	.countdown-amount { font-size: 24px; font-weight:700; line-height:58px;
	}
	
	.image-align{ padding-top: 20px; width:30%;
	}
	
	h1,.yellow{ font-size:32px;
	}	
	
	h1 span{ font-size:18px;
	}
	
}