:root{--accent:#f56b14}body{margin:0;font-family:sans-serif}main{margin:1em}header{background-color:var(--accent);height:3em;width:100%;margin-bottom:70px;box-shadow:0 .7em .7em #ddd}.navbar-brand{padding:0;margin-left:20px;position:absolute}.navbar-brand img{background-color:#000;width:100px;height:100px}.site-links{color:#fff;float:right}.site-links button{background-color:transparent;color:#fff;border:1px solid #fff;width:4em;height:2.5em;border-radius:4px;display:block;margin:.5em 3em 0 0}.site-links ul{position:absolute;top:3em;right:0;margin:0;background-color:var(--accent);list-style-type:none;padding:0 0 .5em;line-height:2em;display:none}.site-links.menuActive ul{display:block}.site-links a{color:#fff;text-decoration:none;padding:1em}@media screen and (min-width: 40em){.site-links{padding-right:1em;display:flex;flex-direction:row}.site-links button{display:none}.site-links ul{display:block;position:relative;top:0;padding:0;line-height:3em}.site-links li{display:inline-block;margin:0 1em}}