body{font-family:tinos,serif;line-height:1.4}h1,h2,h3,h4,h5,h6{font-family:metamorphous,serif}body{background-color:#faf8e9}section.header{background:#000;color:#fff;border-bottom:#910000 4px solid;display:flex;flex-direction:row;align-items:center;width:100%}@media only screen and (max-width:775px){section.header{flex-flow:row wrap;justify-content:center}}section.header img.logo{max-height:4rem;margin:.5rem}section.header h1{color:#fff;margin-left:.5rem;margin-bottom:0;margin-top:.5rem;font-size:3rem}@media only screen and (max-width:950px){section.header h1{font-size:2.5rem}}@media only screen and (max-width:850px){section.header h1{font-size:2rem}}section.header ul{flex-grow:1;display:flex;flex-direction:row;margin-bottom:0;margin-right:1rem;display:flex;justify-content:flex-end}@media only screen and (max-width:775px){section.header ul{margin:0;padding:.5rem;justify-content:center;width:100%;background:rgba(255,255,255,5%)}}section.header ul li{display:block;margin:0;padding:0}section.header ul li a{padding:.25rem .5rem;margin-right:.5rem;background:0 0;border:1px solid transparent;border-radius:5px;color:#fff}section.header ul li a:hover{background:#555;border-color:#777}footer.wrapper{padding:1rem}footer.wrapper p{margin:0}