*, *:before, *:after {box-sizing: border-box}
	
	html, body {max-height:100vh;font-family:'Poiret One',arial,sans-serif;font-size:1em;background:#222;color:#FFF}
	
	body {line-height:1.6;-webkit-font-smoothing:antialiased}
	
	a {text-decoration:none;color:#DDD;transition:0.12s color ease}
	a:hover {text-decoration:none;color:#FFF}
	
	main, footer {width:860px;max-width:100%;margin:0 auto;display:block}
	
	main {background:#4F4F4F;border:1px solid #111;box-shadow:0 6px 3px -3px rgba(0,0,0,0.3);
	margin-top:1em;
	display: grid;
	grid-template-rows: 9.5em 1fr;
	grid-template-columns: 1fr 12em;
	grid-column-gap: 0em;
	grid-row-gap: 0em;
	justify-items: stretch;
	align-items: stretch;
	grid-template-areas:
		"header nav"
		"content nav"
	}
	
	br {cursor:default;user-select:none}
	
	main nav {background:#72111F;border-left:1px solid #111;grid-area:nav;grid-row-start:1}
	
	main nav ul {margin:9.5em 0 0.5em 0;padding:0;list-style:none;user-select:none}
	main nav ul li {margin:0.125em 0;padding:0;background:rgba(0,0,0,0.2);transition:0.24s background ease}
	main nav ul li:hover {background:rgba(0,0,0,0.3)}
	main nav ul li.active {background:rgba(0,0,0,0.4)}
	main nav ul li a {width:100%;padding:0.5em 0.75em;letter-spacing:0.125em;display:inline-block}
	
	main header {background:#4F4F4F;padding:0.5em;text-align:center;user-select:none}
	main header img {max-width:100%;height:auto;margin:0 auto;border:none;outline:none;user-select:none}
	main header h1 {margin:0;font-size:1.5em;font-weight:normal;letter-spacing:0.125em;text-shadow:3px 3px 3px rgba(0,0,0,0.5)}

	main article {grid-area:content;padding:1em 1em;letter-spacing:1px}
	main article h2 {margin:0;font-size:1.25em}
	main article p {margin:0.5em 0 0 0;text-align:justify}
	
	footer {grid-area:footer;text-align:right;margin:1em auto;letter-spacing:1px;cursor:default;user-select:none}
	footer nav a {margin-left:0.5em;padding:0.5em}
	footer nav a:hover {text-decoration:none;color:#FFF}
	footer p {margin:0.5em;padding:0;color:#888;text-shadow:0 1px 0 #000}
	footer time {font-size:0.75em;font-weight:bold}
	
	@media all and (max-width: 40em) {
		main {display:block}
		main nav {padding:0.25em;text-align:center;border-bottom:1px solid #111}
		main nav ul {list-style:none;margin:0;padding:0}
		main nav ul li {margin:0 0.25em;padding:0;display:inline-block;background:none}
		main nav ul:active {background:none}
	}
	
	#menu {display:none;cursor:pointer}
	
	@media all and (max-width: 30em) {
		#menu {opacity:0.8;padding:0em 0.25em;display:inline-block;width:100%;outline:none;user-select:none;transition:0.32s all ease}
		#menu:hover {opacity:1}
		#menu:active {opacity:0.6}
		main nav {text-align:left;border-left:none}
		main nav ul {display:none;margin:0;padding:0}
		main nav ul.active {display:block}
		main nav ul li {display:block;padding:0}
	}

.showroom {max-width:100%;height:auto;border:1px inset rgba(0,0,0,0.4);margin:0.5em auto;display:block}
.gallery {max-width:100%;height:auto;border:1px inset rgba(0,0,0,0.4);margin:0.5em auto;display:inline-block}
.galleryBox {text-align:center;display:flex;flex-flow: row wrap; align-items:center;justify-content:center;margin-top:1em}
.galleryBox img {min-width:120px;max-width:25vw;height:auto;min-height: auto; max-height:90px; border:1px inset rgba(0,0,0,0.4);margin:0.125em !important;
	display:inline-block; outline:none;
	box-shadow: 0 4px 6px -4px rgba(0,0,0,0.4)
}

table.tab {border-spacing:0px;border-collapse:separate;border:none}
table.tab tr {}
table.tab tr:nth-child(odd) td {background:rgba(255,255,255,0.05)}
table.tab tr:nth-child(even) td {background:rgba(0,0,0,0.05)}
table.tab tr td:first-child {width:7.25em;padding:0 0.5em;letter-spacing:0px;color:#CCC;vertical-align:top}

a.button {padding:0.5em 1.5em;margin:3px;background:#353535;display:inline-block}
img.portrait {margin:1em 1em 0 0;float:left;padding:0;filter:grayscale();user-select:none}