/*  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: #000000;
	color: #fff;
}
#world-premiere {
	font-size: 16px;
	font-family: 'Teko', sans-serif;
	width: 500px;
	margin: 25px auto;
	border: 1px solid rgba(255,255,255,.2);
	background: #ffffff url(idea.jpg) no-repeat center bottom;
	min-height: 444px;
}
#world-premiere .heading {
	background: rgba(0,0,0,.5);
	padding: 15px 0px 2px 0px;
	margin: 0px 0px 30px 0px;
}
#world-premiere h1 {
	font-size: 3.2em;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 70px;
	margin: 0px 0px 0px -5px;
	padding: 0;
	text-align: center;
}
#world-premiere h2 {
	font-size: 1.5em;
	color: #6fb5f8;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	letter-spacing: 9px;
}
#world-premiere .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: #ffffff;
	font-size: 5.6em;
	line-height: 55px;
}
#world-premiere .my-countdown .countdown-period {
	display: block;
	color: #6fb5f8;
	font-size: 1.4em;
	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;
	magin-bottom: 20px;
}
#world-premiere h1 {
	font-size: 3.7em;
	line-height: 40px;
}
#world-premiere h2 {
	line-height: 22px;
	letter-spacing: 5px;
}
#world-premiere .my-countdown .countdown-section {
	width: 68px
}
}