html {
	height: 100%;
	background: linear-gradient(to bottom, #fff 0%, #ccf) no-repeat fixed top #fff;
}
body {
	padding: 4em;
	max-width: 800px;
	margin: 0 auto;
	font-size: 1em;
}
h1 {
	border-bottom: 1px solid black;
}
img {
	box-shadow: 2px 2px 4px 0px #333;
	margin: 1em 0;
	max-width: 100%;
}
span.subtitle {
    display: block;
    text-align: center;
    font-size: 60%;
}
@media screen and ( max-width: 800px ) {
    body {
	    padding: 1em;
	    font-size: 1.2em;
    }
}