body {
	padding: 0;
	margin: 0;
	width: 90%;
	max-width: 800px;
	margin: auto;
}

h1, h2, h3, h4. h5, h6, p{
	margin-top: 0;
}

@media (min-width: 640px){
	body {background-color: #eaf6ff}
}

@media (max-width: 500px){
	h1 {font-size: 1.5rem}
}

@media (min-width: 640px){
	h1 {font-size: 2.5rem}
}

aside {
	width: 170px;
	margin: 10px;
	font-size: 0.8rem;
	display: inline-block;
}

ul {
	list-style: none;
	padding-left: 0;
}

li {display: inline-block;
vertical-align: top;}

#stretchable-grid-items li {
	width: 100%;
}

#stretchable-grid-items aside {
	width: auto;
}

@media (min-width: 480px){
	#stretchable-grid-items li {
		width: 50%;
	}
	#stretchable-grid-items aside {
		margin: 10%;
	}
}

@media (min-width: 640px){
	#stretchable-grid-items li {
	width: 25%;
	}
	#stretchable-grid-items aside {
		margin: 10%;
	}
}

#stretchable-grid-items ul {
	margin: 1rem -10px;
}