body {
	font-family: 'Trebuchet MS', sans-serif;
	margin-top: 3em;
	margin-bottom: 3em;
	/*font-size: .9em;*/
}
@media only screen and (min-width: 450px) {
	body {
		/*font-size:1.2em;*/
		max-width: 50em;
	}
}

h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.2em;
}
h2, p {
	margin: .3em;
}
h3 {
	font-size: smaller;
	border-radius: .3em;
	box-shadow: 3px 3px 4px 0px #ccc;
}

section > h2 {
	margin-top: 0;
}

#touse section, #coming section {
	max-width: 22em;
	margin: 1em;
	padding: .6em;
	background-color: #eee;
	flex: 1 1 30%;
}
#coming section {
	background-color: #fff;
}
section > section {
	margin-bottom: 2em !important;
}

#touse section, #coming section, header, footer {
	border: 1px solid #aaa;
	border-radius: .3em;
	box-shadow: 7px 7px 12px 0px #ccc;
}
header, footer {
	border: 1px solid #b0b;
	border-radius: .2em;
	box-shadow: 3px 3px 4px 0px #b9b;
	font-size: small;
	position: fixed;
	padding: .2em;
}

header {
	top: .6em;
}
footer {
	bottom: .6em;
}