/*  CSS Document                             */
/*  Written by Chris Converse for Lynda.com  */

@import url(http://fonts.googleapis.com/css?family=Teko:300,700);

body { margin: 0; padding: 0; background-color: rgba(0, 102, 0, -5); color: 
	yellow; }
#world-premiere{
	font-size: 16px;
	font-family: "teno", sans-serif;
	width: 359px;
	min-height: 359px;
	margin: 25px auto;
	background: green url(../images/whd2017.jpg) no-repeat center bottom;
}

#world-premiere .heading {
	background-color: rgba(0,0,0,.5);
	padding: 15px 0px 2px 0px;
	margin: 0px 0px 30px 0px;
}
#world-premeire h1 {
	font-size: 6.2em;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 70px;
	margin: 0px 0px 0px -10px;
	padding: 0;
	text-align: center;
}
#world-premeire h2 {
	font-size: 1.5em;
	color: #6fb5f8;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 18px;
	margin: 0px;
	padding: 0;
	text-align: center;
	letter-spacing: 9px;
}
#world-premiere{
	text-align: center;
}
#world-premeire .my-countdown .countdown-row { display: block;
text-align: center; }
#world-premiere .my-countdown .countdown-section {display: inline-block; width: 95px; }
#world-premiere .my-countdown .countdown-amount {display: block; color: green; font-size: 3.6em; line-height: 55px; }
#world-premiere .my-countdown .countdown-period {display: block; color: green; font-size: 1.1em; text-transform: uppercase; letter-spacing: 2px; }
@media screen and (max-width: 525px){
		#world-premiere{
			font-size: 12px;
			width: 300px;
			min-height: 465px;
			background-size: 400px auto;
		}
		#world-premiere .heading{
				padding: 12px 0px 8px 0px;
				margin-bottom: 20px;
			}
		#world-premiere h1{
				line-height: 40px;
				font-size: 3.7em;
			}
		#world-premiere h2{
				line-height: 22px;
				letter-spacing: 5px;
			}
		#world-premiere .my-countdown .countdown-section {
				width: 68px;
			}
}