body {


  margin: 0;


  font-family: 'Segoe UI', Arial, sans-serif;


  background: #f4f6f8;


  color: #222;


}





header {


  background: #003366;


  color: #fff;


  display: flex;


  align-items: center;


  justify-content: space-between;


  padding: 16px 40px;


}





header img {


  height: 48px;


}





nav a {


  color: #fff;


  text-decoration: none;


  margin: 0 16px;


  font-weight: 500;


  transition: color 0.2s;


}





nav a:hover {


  color: #ffcc00;


}





.section {


  max-width: 1100px;


  margin: 40px auto;


  padding: 0 20px;


}





.section-title {


  color: #003366;


  font-size: 2rem;


  margin-bottom: 20px;


  text-align: center;


}





.contact-info {


  background: #fff;


  border-radius: 8px;


  box-shadow: 0 2px 8px rgba(0,0,0,0.07);


  padding: 24px;


  margin-bottom: 32px;


  max-width: 600px;


  margin-left: auto;


  margin-right: auto;


}





form.contact-form {


  display: flex;


  flex-direction: column;


  max-width: 400px;


  margin: 0 auto;


  gap: 10px;


  background: #fff;


  padding: 24px;


  border-radius: 8px;


  box-shadow: 0 2px 8px rgba(0,0,0,0.07);


}





form.contact-form input,


form.contact-form textarea {


  padding: 8px;


  border-radius: 4px;


  border: 1px solid #bbb;


  font-size: 1rem;


}





form.contact-form button {


  background: #003366;


  color: #fff;


  border: none;


  border-radius: 4px;


  padding: 10px 0;


  font-size: 1.1rem;


  font-weight: bold;


  cursor: pointer;


  margin-top: 10px;


  transition: background 0.2s;


}





form.contact-form button:hover {


  background: #ffcc00;


  color: #003366;


}





.employee-links {


  list-style: none;


  padding: 0;


  margin: 32px auto;


  max-width: 400px;


}





.employee-links li {


  margin-bottom: 14px;


}





.employee-links a {


  background: #003366;


  color: #fff;


  padding: 10px 18px;


  border-radius: 4px;


  text-decoration: none;


  display: inline-block;


  transition: background 0.2s;


}





.employee-links a:hover {


  background: #ffcc00;


  color: #003366;


}





.map-placeholder {


  max-width: 600px;


  margin: 0 auto;


  border-radius: 8px;


  overflow: hidden;


  box-shadow: 0 2px 8px rgba(0,0,0,0.07);


  background: #fff;


}





footer {


  background: #222;


  color: #fff;


  text-align: center;


  padding: 18px 0;


  font-size: 0.95rem;


  margin-top: 40px;


}





@media (max-width: 900px) {


  .section { padding: 0 8px; }


  header { flex-direction: column; align-items: flex-start; padding: 16px 12px; }


  nav { margin-top: 10px; }


}