body { background-image: url(../img/bg/bg-pattern1.png); background-repeat:repeat; }
.bg1 { background-image: url(../img/bg/bg-pattern1.png); background-repeat:repeat; }
.bg2 { background-image: url(../img/bg/bg-pattern2.png); background-repeat:repeat; }
.bg3 { background-image: url(../img/bg/bg-pattern3.png); background-repeat:repeat; }

@media all and (max-width: 1440px),
	   all and (max-device-width: 1440px) {

	_body { background-image: url(../img/bg@1440.jpg) }
}

@media all and (max-width: 1439px),
	   all and (max-device-width: 1439px) {   
		   	
	#social {
		margin: 65px auto 30px;
		text-align: center;
		height: 35px;
		float: none;
	}
	
	#countdown {
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	
	#social > div,
	#countdown > div {
		display: inline-block;
	}
	
	#countdown > div > div > p.label { 
		margin-top: 135px; 
		opacity: 1;
	}

}

@media all and (max-width: 768px),
	   all and (max-device-width: 768px) {
		  
	_body { background-image: url(../img/bg/bg@768.jpg) }

}

@media all and (max-width: 660px),
	   all and (max-device-width: 660px) {
	
	header {
		top: 10%;
		left: 5%;
	}
	
	header > h1 {
		font-size: 3em;
	}
	
	header > h3 {
		text-indent: 0;
		text-align: center;
		font-weight: 600;
		font-size: 0.8em;
	}
	
	#bottom { height: 150px }
	
	#social {
		font-size: 1.1em;
		margin: 0px auto 30px;
	}
	
	#social > div > ul {
		margin: 10px 0;
		display: block;
		float: none;
	}
	
	#social > div > span {
		margin: 10px 0;
		float: none;
		display: block;
	}
	
	#social > div > span:first-child {
		margin-top: 15px;
	}
	
	#countdown {
		display: none;
		font: 400 4em 'Rambla';
	}
}