*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.75;color:#20242a;background:#f5f7fa}header{background:#18212b;color:#fff;padding:38px 20px}header .wrap,main,.footer-wrap{max-width:900px;margin:auto}.site-title{font-size:28px;font-weight:700;margin:0 0 8px}nav a{color:#fff;margin-right:18px;text-decoration:none}main{background:#fff;margin-top:28px;margin-bottom:28px;padding:42px;border-radius:10px;box-shadow:0 3px 16px rgba(0,0,0,.07)}h1{font-size:38px;line-height:1.2;margin-top:0}h2{font-size:27px;margin-top:38px;color:#18212b}h3{font-size:21px;margin-top:28px}.intro{font-size:18px}.note{padding:18px;background:#f1f4f7;border-left:4px solid #18212b;margin:25px 0}a{color:#1558a6}ul{padding-left:24px}.footer{max-width:900px;margin:auto;padding:20px;color:#5b6470;font-size:14px}@media(max-width:650px){main{margin:0;border-radius:0;padding:25px 20px}h1{font-size:31px}h2{font-size:24px}}