body {
background-color: #F8FDFE;
text-align: center; 
-webkit-text-size-adjust: 100%;
padding: 5px 0 15px 0;
margin: 10px auto 15px auto;
}
#header { padding: 7px 0 25px 0; text-align: center }
#header img { max-width: 260px }

#page {
width: 700px;
margin: 10px auto 20px auto;
padding: 0 0 15px 0;
}

#intro { width: 680px; font: 0.9em Arial; margin: 15px auto 15px auto }

.frontpics {
    width: 100%;
    margin: 0;
	padding: 0;
}

.frontpics img {
	padding: 0;
	margin: 0;
	border: 1px #808080 solid;
}

.frontpics .frontlink {
    display: block;
    background: #FFFFFF;
    font: bold 0.9em Arial;
	padding: 11px 0 8px 0;
	color: #EC2F00;
	border: 1px #808080 solid;
}

.frontlink:hover {
	color: #808080;
}

#footer {
	font: 0.8em Arial;
	padding-bottom:30px;
    margin-bottom; 30px;
    margin-top: 10px;
}

.shop { display: inline-block; width: 675px; padding: 10px; color: #FFFFFF; background-color: #EC2F00; font-size: bold; text-decoration: none; font-weight: bold; font-size:1.0em; margin: 15px 0 20px 0 }

@media only screen and (max-width: 600px) { 

	#page {
		width: 100%;
		padding: 13px;
}

	#intro { width: 90%; font: 1.1em Arial; margin: 15px auto 15px auto }

	.frontpics {
		width: 90%;
		margin: 0;
		padding: 0;
	}

	.frontpics img {
		padding: 0;
		margin: 0;
		border: 1px #808080 solid;
	}

	.frontpics .frontlink {
		width: 100%;
		display: block;
		background: #FFFFFF;
		font: bold 1.0em Arial;
	    padding: 10px 0 8px 0;
		color: #EC2F00;
		border: 1px #808080 solid;
		margin-bottom: 10px;
	}

.frontlink:hover {
	color: #808080;
}

	.shop { display: inline-block; width: 100%; padding: 10px; color: #FFFFFF; background-color: #EC2F00; font-size: bold; text-decoration: none; font-weight: bold; font-size:1.0em; margin: 15px 0 20px 0 }

}