screen.css

@media all and (max-width: 700px) {
	/* mobile */
	#head_banner {
		background-image:url(./images/banner3.gif);
		background-size:contain;
		background-repeat: no-repeat;
		max-width:20%;
		max-width:80%;
		max-height:500px;
		min-height:220px;
	}
	
	body {
		background-image:url(./images/background3.jpg);	
	}
	
	#metadata {
		clear:both;
	}
	
	#maincontent {
		text-align:center;
	}
	
	#episode_cover {
		box-shadow: 10px 10px 5px #888888;
		margin: 1em;
		max-width: 70% !important;
		float:none !important;
		-webkit-transform:rotate(0deg) !important;
		transform:rotate(0deg) !important;
	}
	
	
}

@media all and (min-width: 701px) {
	/* desktop */
	#head_banner {
		background-image:url(./images/banner2.gif);
		background-size:contain;
		background-repeat: no-repeat;
		max-width:20%;
		max-width:80%;
		max-height:500px;
		min-height:220px;
	}
	
	body {
		background-image:url(./images/background1.jpg);
		
	}
}