*{box-sizing:border-box}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:#222;background:#fff;line-height:1.75;font-size:18px}
a{color:#a3261c}
a:hover{text-decoration:none}
header{border-bottom:1px solid #e3e3e3;background:#fafafa}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-size:26px;font-weight:bold;color:#222;text-decoration:none}
nav a{margin-left:18px;font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#444;text-decoration:none}
nav a:hover{color:#a3261c}
main{padding:36px 0 48px}
h1{font-size:34px;line-height:1.25;margin:0 0 10px}
h2{font-size:25px;line-height:1.3;margin:40px 0 6px}
.meta{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#777;margin:0 0 14px}
article{border-bottom:1px solid #eee;padding-bottom:20px}
article:last-of-type{border-bottom:0}
footer{border-top:1px solid #e3e3e3;background:#fafafa;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#666;padding:22px 0}
footer a{color:#555;margin-right:14px}
ul{padding-left:22px}
@media(max-width:600px){nav a{margin:0 14px 0 0}.top{display:block}nav{margin-top:8px}h1{font-size:28px}}