/*--------------------------------------------------------
Responsive elements
--------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.heading h2 {
		font-size: 60px;
	}	
	.heading span {
		font-size:34px;
		letter-spacing:0;
		padding:8px 20px 3px;
	}
	#intro .intro {
		padding-top: 20px;
	}
	#intro .intro .logo {
		max-width:75%;
	}
	#intro .intro .heading h2 {
		padding: 20px 0 20px 0;
	}	
	#intro .intro #countdown {
		padding: 20px 0 20px 0;
	}
	#intro .intro #countdown h3 {
		font-size:38px;
	}
	#intro .intro #countdown h4 {
		font-size:23px;
	}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	#intro .intro .logo {
		max-width:20%;
	}

}

@media only screen and (max-width: 767px) {

	.heading h2 {
		font-size: 60px;
	}	
	.heading span {
		font-size:20px;
		letter-spacing:0;
		padding:8px 20px 5px;
	}
	#intro .intro {
		padding-top: 20px;
	}
	#intro .intro .logo {
		max-width:50%;
	}
	#intro .intro .heading h2 {
		padding: 20px 0 20px 0;
	}	
	#intro .intro #countdown {
		padding: 20px 0 20px 0;
	}
	#intro .intro #countdown h3 {
		font-size:38px;
	}
	#intro .intro #countdown h4 {
		font-size:23px;
	}
	#intro .intro .networks li {
		line-height:30px;
		margin: 0 30px;
	}

}	


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

	.heading h2 {
		font-size: 40px;
	}	
	.heading span {
		font-size:18px;
		line-height:20px;
	}
	#intro .intro #countdown h3 {
		font-size:25px;
	}
	#intro .intro #countdown h4 {
		font-size:15px;
		letter-spacing:1px;
	}
	#intro .intro .networks li {
		line-height:30px;
		margin: 0 10px;
	}

}

@media only screen and (max-width: 320px) {

	#intro .intro #countdown h3 {
		margin:auto 4px auto 13px;
	}

}