html, body { background:#fff; color: #000; margin:0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.container { margin: 0 auto; max-width: 1200px; padding: 20px 0;}
header, header a, footer, footer a { background:#fff; color: #000; text-decoration: none;}
header a:hover, footer a:hover { text-decoration: underline;}
header { padding: 0 1em;}
header h1 { float: left; margin:0; padding:0; width:200px;}
main .container { display: flex; flex-direction: row; }
main .container div { flex: 50%;}
nav ul, footer ul, #social ul { display: inline-block; list-style-type: none; margin: 0.5em 0;}
nav li, footer li, #social li { display: inline-block; font-size:0.85rem;}
nav a { padding: 0 1em 1em 1em;}
nav a:hover span { border: 0px solid #fff; border-width: 0 0 1px 0;}
footer { clear: both; padding: 0 1em;}
footer p { width: 200px;}
footer li a, #social li a { display: block; height:24px; margin:0; width:24px;}
footer ul, #social ul { float: right; padding:0.2em 0 0 0;}
#social { float: right; width: 200px;}
.etsy { float: right;}
.fb-page { float: left;}
.right { float: right; margin: 0 0 1em 1em;}
@media (max-width: 800px) {
  main .container { flex-direction: column;}
}