html, body { margin: 0; font: 14px/21px "Open Sans"; }
img { max-width: 100%; height: auto; }

.clear { clear: both; }

.list-1,
	.menu { margin: 0; padding: 0; list-style: none; }

.central-column { max-width: 1300px; margin-left: auto; margin-right: auto; }

#site-header { padding: 1em 0; }
#site-header > .central-column { display: flex; justify-content: space-between; align-items: center; }

#site-logo { width: 150px; }

#main-nav { }
#main-nav > li { display: inline-block; }
#main-nav a { display: block; padding: .8em; text-decoration: none; border: 1px solid #fff; color: #333; margin: 0 .5em; }
#main-nav .selected > a,
	#main-nav :hover > a { border-color: #333; }

#site-footer { padding: 1em 0; border-top: 1px solid #333; }

#home-hero { display: flex; }

@media ( max-width: 1350px ) {
	.central-column  { margin-left: 1em; margin-right: 1em; }
}