body, div, img, p {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

body {
	background-color: white;
}

p {
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 100%;
	line-height: 100%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-align: right;
	color: lightgray;
}

div {
	width: 640px;
}

div.center {
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 485px;
		}

div.picture {
		height: 452px;
		}

div.legend {
		height: 33px;
      }
	  
img.picture {
		width: 100%;
		height: 100%;
		}

p.legend {
		font-size: 8pt;
		}

@media only screen and (max-width: 639px), only screen and (max-height: 484px) {
	div {
		width: 320px;
	}

	div.center {
		height: 252px;
		}

	div.picture {
		height: 226px;
		}

	div.legend {
		height: 26px;
      }
	  
	p.legend {
		font-size: 6pt;
		}	
	}