*{box-sizing:border-box}body{margin:0;background:#edf3f7;color:#1c3449;font:19px/1.65 Georgia,serif}a{color:#14527e}a:hover{text-decoration:none}header{background:#153e65;color:white;padding:24px max(20px,calc((100vw - 1200px)/2))}header h1{margin:0;font-size:37px}header p{margin:3px 0}nav{background:#e4b84c;padding:12px 20px;text-align:center}nav a{color:#1d3445;font:bold 19px Arial,sans-serif;margin:0 18px}.layout{max-width:1200px;margin:25px auto;display:grid;grid-template-columns:230px minmax(0,1fr) 215px;gap:22px;padding:0 16px}.side,.main,.aside{background:white;border:1px solid #cad6df;padding:22px;min-width:0}.side a{display:block;margin:12px 0}.side h2,.aside h2{font:700 21px Arial,sans-serif;color:#164c72}.main h1{font:700 33px Arial,sans-serif;line-height:1.25}.main h2{font:700 25px Arial,sans-serif;margin-top:32px}.main p{margin:0 0 20px}.main img{width:100%;height:auto;display:block;border-radius:3px}.caption{font:15px Arial,sans-serif;color:#526777;margin:7px 0 24px}.links{background:#eef5fa;padding:15px;margin-top:25px}.links a{display:block;margin:7px 0}footer{text-align:center;padding:26px;font:16px Arial,sans-serif}@media(max-width:980px){.layout{grid-template-columns:200px minmax(0,1fr)}.aside{grid-column:1/-1}}@media(max-width:670px){body{font-size:18px}.layout{display:block;padding:0 10px}.side,.main,.aside{margin-bottom:12px;padding:18px}nav a{display:inline-block;margin:5px 10px}header h1{font-size:29px}.main h1{font-size:28px}}