@charset "UTF-8";

/* Layout Medium Screens */

header {
	height: auto;
	width: auto;
	background-color: #000;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
	position: relative;
}




article { padding: 60px 20px 10px 20px; }

.picture {
	width: 310px;
	height: 310px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 30px;
	clear: both;
	}
	
.intro {
	width: auto;
	height: auto;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 10px;
	}

footer {
	font-size: 1.3em;
	color: #333;
	background-color: #CCC;
	line-height: 1.5em;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 30px;
}


body { background-image: none; }


@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)
{

	/* rules go here */
	header {
	background-image: url(../images/banner_medium_2x.jpg)
}

header a.logo {
	background-image: url(../images/logo_medium_2x.png);
	background-size: 150px 85px;
}

}