@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #ffffff;
  color: #333;
}

header {
  background-color: #2C3E94;
  padding: 1rem 0;
  color: white;
}

.container {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

.logo {
  height: 150px;
  vertical-align: middle;
margin: 0 AUTO
}

nav ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
}

nav a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

.nav ul li {
	display: inline-block;
	padding:5px;
}

.nav ul li:hover {
	background: #666;
}

.nav ul li:hover ul {
	display: block;
}

.nav ul li ul {
  	position: absolute;
  	width: 250px;
  	display: none;
}

.nav ul li ul li { 
  	background: #666; 
  	display: block;
  	width:250px;
}

.nav ul li ul li a {
	display:block !important;
} 

.nav ul li ul li:hover {
	background: #000;
}

.hero {
  background-color: #f5f5f5;
  text-align: center;
  padding: 3rem 1rem;
}

.hero h1 {
  color: #2C3E94;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.hero p {
  font-size: 1.2rem;
  color: #444;
}

.about {
  padding: 2rem 1rem;
}

.about h2 {
  color: #2C3E94;
  margin-bottom: 1rem;
}

footer {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 1rem 0;
  font-size: 0.9rem;
}