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

	#lines {}
}


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

	/*#intro {margin-top: 12%}*/
}



@media only screen and (max-width:991px) {
	
	.btn {font-size: 12px; padding: 5px 20px}

	#intro {margin-top: 7vw}
	#intro img {margin-bottom: 25px; max-width: 330px;}
	#intro h1 {font-size: 14px; margin-bottom: 20px;}
	#intro p {font-size: 14px; line-height: 24px; margin-bottom: 20px;}
}



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

	#intro {margin-top: 8vh; padding: 0 30px}
	#intro h1 {line-height: 24px; margin-bottom: 15px;}

	/*#lines img {bottom:-35vw}*/
	#earth img {width: 160%; margin-left: -30%; bottom: -40vw}

	#logo {width: 70vw;}

	.btn {font-size: 12px;}

	#countdown-container {top: 50px; right: 20px}
	#countdown-container #countdown {font-size:18px;}
	#countdown-container #countdown span {width: auto !important}
	#countdown-container .labels {display: none;}
	
	#mark {left: 10px; top: 10px; width: 80px;}
}




@media only screen and (max-width:767px) and (max-height:540px) {
	
	#lines img {bottom: -14vh}
	#earth img {bottom: -55vh}

}



@media only screen and (min-width:1000px) and (max-height:820px) {
	
	#lines img {bottom: -15vh}
	#earth img {bottom: -44vh}

}



@media only screen and (max-height:550px) {
	
	#lines img {bottom: -84vh}
	#earth img {bottom: -104vh}

}

@media only screen and (min-width:1000px) and (max-height:650px) {
	
	#lines img {bottom: -40vh}
	#earth img {bottom: -74vh}

}