body {
  font-family: "PT Serif", serif;
  color: #ffffff;
  background-color: #123463;
  line-height: 1.6;  
}


/* Hero section */
.intro {
  display: flex;
  flex-direction: column;
  padding-top: 8rem ;
}


h2 {
  font-family: "PT Serif", serif;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  font-weight: 100;
}

h3 {
  font-family: "PT Serif", serif;
  font-size: 1rem;
  font-weight: 100;
  margin-bottom: 1rem;
}

h4{
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 100;
}

p {
  font-family: "PT Serif", serif;
  margin-bottom: 1rem;
  color: #e0e0e0;
  font-weight: 100;
}

/* Cards */
.cards {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.card {
  background-color: #eaedf2;
  color: #2e4b66;
  padding: 2.5rem;
  border-radius: 10px;
  flex: 1 1 300px;
}

.card.opacity {
opacity: 80%;
}

.card.text {
  color:#2e4b66;
  padding: 0%;
}

.card h3 {
  margin-bottom: 0.5rem;
  font-weight: 300;
}

/* Footer */
footer {
  background-color: #001E36;
  text-align: left;
  font-size: 0.9rem;
  padding: 1rem;
  margin-top: 3rem;
}

.columns {
  display: flex;
  margin-top: 2rem;
}

.column {
  flex: 4; /* both columns are equal width */
  padding: 1rem;
  padding-right: 5rem;
}

.column:nth-child(1) {
  /* Optional: give empty column a fixed width */
  flex: 0 0 50%; /* Takes up 30% of the container */
}

.column:nth-child(2) {
  flex:4; /* Remaining 70% */
}

li {
  list-style: none;
  line-height: 1.6; 
  text-decoration-line: underline;
}

hr {
color: white;  
margin-top: 3rem;
margin-bottom: 2rem;
}

.image {
padding-top: 2rem;
padding-bottom: 2rem;
min-height: 20rem;
}