*{box-sizing:border-box}
body{margin:0;font-family:Georgia,"Times New Roman",serif;background:#f7f7f7;color:#222;line-height:1.7}
header{background:#0b1f3a;color:#fff;padding:30px;text-align:center}
header h1{margin:0;font-size:30px}
header p{margin:6px 0 0;font-size:14px}
nav{background:#142d52;display:flex;flex-wrap:wrap;justify-content:center;padding:10px}
nav a{color:#fff;text-decoration:none;margin:6px 12px;font-size:14px}
nav a:hover{text-decoration:underline}
.container{max-width:1100px;margin:auto;padding:30px;background:#fff}
h2{color:#0b1f3a;border-bottom:2px solid #ddd;padding-bottom:6px}
h3{color:#0b1f3a}
footer{background:#0b1f3a;color:#fff;text-align:center;padding:15px;font-size:13px}
@media(max-width:768px){
nav{flex-direction:column}
nav a{padding:8px 0;font-size:15px}
}