@charset "UTF-8";

/* Layout Medium Screens */

header { height: 200px; background: url(../img/banner_medium.jpg) no-repeat left 0px; background-size: 800px 200px; } 
.title { 
	color:#fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); 
	}
	
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx)
{

	header { 
	background-image: url(../img/banner_medium_2x.jpg);
	}

}