/* this Style sheet is geared more towards the mobile devices */

@media screen and (min-width: 300px) and (max-width: 430px) {
	#solar {
		width: 100%
	}
	
	#logo {
		display: none;
	}
	
	body {
		background-image: url("../images/background-space.jpg");
	}
	
	.image {
		width: 80%;
		/* uncomment below command for color size references */
		/* background-color: red; */ 
	}
	
	.planet-h2 {
		padding-top: 15%;
	} 
	
 	.planet-p {
		font-size: 150%;
	} 
	
	#jupiter-h2 {
		padding-top: 23%;
	}
	
	#saturn-h2 {
		padding-top: 14%;
	}
	
	#uranus-h2 {
		padding-top: 22%;
	}
	
	#neptune-h2 {
		padding-top: 18%;
	}
	
	#mercury-p {
		margin-top: -70%;
	}
	
	#venus-p {
		margin-top: -68%;
	}
	
	#earth-p {
		margin-top: -63%;
		color: gold;
		background-color:rgba(0,0,0,0.6);
	}
	
	#mars-p {
		margin-top: -55%;
	}
	
	#jupiter-p {
		margin-top: -65%;
	}
	
	#saturn-p {
		margin-top: -59%;
	}
	
	#uranus-p {
		margin-top: -57%;
	}
	#neptune-p {
		margin-top: -64%;
	}
}