html { height: 100%; overflow-y: scroll }
body { width: 100%; height: 100%; margin: 0; display: table }
header { display: table-row; height: 280px }
article { display: table-row }
footer { display: table-row; text-align: right }
nav { text-align: center }
nav a { display: block }
.top { display: table-cell; vertical-align: top }
.bottom { display: table-cell; vertical-align: bottom; padding: 30px 0 }
.column { max-width: 750px; margin: 0 auto; padding: 0 15px }
#logo { padding: 20px 0; line-height: 20px }
#machinae { width: 100%; height: 75px; overflow: hidden; text-align: center; background: rgb(235, 213, 168) }
#machinae img { height: 75px }

body { font: normal 12px/20px sans-serif; background: #888; color: rgb(34, 34, 34) }
a:link, a:visited { text-decoration: none; color: #ddd }
a:hover,
a:focus { color: rgb(235, 213, 168) }
a:active { color: rgb(235, 213, 168) }
#logo a,
#logo a:hover,
#logo a:focus { color: #ddd; font-size: 18px; font-weight: bold }
nav { color: #ddd; line-height: 40px }
nav a.current { color: #FFFFFF}
footer { font-size: 90%; color: #CCC }
footer a:link,
footer a:visited { color: white}
h1,
h2,
h3 { font: bold 100% sans-serif; margin-bottom: 2px }
h1 + p,
h2 + p,
h3 + p { margin-top: 0 }

.table { display: table; width: 100% }
.table-row { display: table-row }
.table-cell { display: block }
.table label { display: block }
input, button, select, textarea { font: inherit }
input[type="text"],
input[type="password"],
select,
textarea { width: 100%; background: #eee }
textarea { height: 333px; resize: vertical }
img { vertical-align: text-bottom }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }

@media (min-width: 640px) {
	body { font-size: 14px }
	article { text-align: justify; -moz-hyphens: auto; hyphens: auto }
	nav { text-align: right }
	nav a { display: inline }
	nav a + a:before { content: ' • ' }
	#machinae { height: 150px }
	#machinae img { height: 150px }
	.table label { display: table-cell }
	.table-cell { display: table-cell }
	.table-cell:first-of-type { width: 20%; font-weight: bold }
}