* { box-sizing: border-box; }
body {
margin: 0;
font-family: Georgia, "Times New Roman", serif;
color: #333;
line-height: 1.6;
background: #fff;
}
.site-header {
max-width: 1000px;
margin: 0 auto;
padding: 30px 20px 0;
}
.site-title { margin: 0; font-size: 30px; }
.site-title a { color: #1a4b8c; text-decoration: none; }
.site-address { margin: 4px 0 16px; color: #1a4b8c; font-size: 15px; }
.site-nav {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 12px 0;
margin-bottom: 24px;
}
.site-nav a {
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 0.5px;
color: #555;
text-decoration: none;
margin-right: 22px;
}
.site-nav a:hover { color: #1a4b8c; }
.layout {
max-width: 1000px;
margin: 0 auto;
padding: 0 20px;
display: flex;
gap: 40px;
}
.content { flex: 1 1 auto; min-width: 0; }
.sidebar { flex: 0 0 220px; }
.sidebar h3 {
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #1a4b8c;
}
.hero { width: 100%; height: auto; display: block; margin-bottom: 20px; }
h2 { color: #1a4b8c; font-weight: normal; }
h3 { color: #1a4b8c; }
.content ul { padding-left: 20px; }
.mission-item { margin-bottom: 18px; }
.mission-item h3 { margin-bottom: 4px; }
.signature { font-style: italic; color: #555; margin-top: 24px; }
.media-link {
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
color: #fff;
background: #1a4b8c;
padding: 10px 18px;
border-radius: 4px;
}
.media-link:hover { background: #163d72; }
.site-footer {
max-width: 1000px;
margin: 40px auto 0;
padding: 20px;
border-top: 1px solid #ddd;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #888;
}
@media (max-width: 700px) {
.layout { flex-direction: column; }
.site-nav a { display: inline-block; margin-bottom: 6px; }
}