html, body { width: 100%; height: 100%; }

body {
	background: white;
	color: black;
	display: table;
	font-size: 34px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.2;
	table-layout: fixed;
	width: 100%;
}

p, ul { 
	margin-bottom: 1em; 
	/*max-width: 20em;*/
	max-width: 23em;
}

ul { margin-left: 1em; }

hr { border: none; border-top: dotted 1px; margin-bottom: 1.5em; }

a:link { border-bottom: solid 1px; color: inherit; cursor: pointer; }
a:visited { color: inherit; }
a:hover { border: none; }

.wrapper { margin: 0 auto; width: 90%; }
header .wrapper { margin-top: 1em; }
footer .wrapper { margin-top: 1em; }

.page-row { display: table-row; height: 1px; }
.page-row-expanded { height: 100%; }

letter { transition: color .3s linear, text-shadow .3s linear; }
.detail { font-size: .5em; }

@media only screen and (max-device-width : 375px) {
	body {
		font-size: 23px;
	}
}