body{color:#444;font-family:lato,sans-serif;font-size:20px;font-style:normal;font-weight:300;line-height:1.5em;margin:0}h1,h2,h3,h4,h5,h6{color:#444;font-family:playfair display,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;line-height:1.8em}.small{font-size:.8em}header>div{display:flex;align-items:center;justify-content:space-between}div.heading{display:flex;align-items:center;width:100%;background-color:#2f4f4f;background-size:cover;background-position:50%;height:16em;min-height:16em;&.tall { height: 60vh; }}h1{color:#fff;font-size:2em;margin:0;text-align:center}div.container{max-width:640px;margin:0 auto;padding:1em;&.wide { max-width: 960px; }}footer{background-color:#444;color:#fff;a { color: #fff; }}a{color:peru;text-decoration:none;&:hover { color:darkslategray; }}form{input, textarea { font-family: 'Lato',sans-serif; font-size: 18px; font-weight: 400; width: 100%; padding: .5em; margin-bottom: 1em; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } textarea { height: 10em; } input[type="submit"] { background-color: darkslategray; color: #fff; border: none; cursor: pointer; font-weight: bold; &:hover { background-color: #444; } }}nav{float:right;ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; } li { margin: 0 1em; &:last-child { margin-right: 0; } } a { color: darkslategray; &:hover { color: #444; } }}.nav ul{list-style:none;margin:0;padding:0}.hamburger{text-align:right;display:none;font-size:2em;cursor:pointer}.menu-toggle{display:none}@media(max-width:768px){.nav ul{display:none;flex-direction:column;background:#fff;width:100%;position:absolute;top:6em;right:0;left:0;li { line-height: 3em; }}.hamburger{display:block}.menu-toggle:checked+.hamburger+.menu{display:flex}}table{width:100%;border-collapse:collapse;th,td { padding: 0.5em 0; border-bottom: 1px solid #ddd; min-width: 120px; }}