.lexington {
  .topbar img {
    width: 400px;
  }
  footer {
    margin-top: 0px;
  }
}

body {
  background-color: white;
  color: black;
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 30px;
  /*max-width:1400px;*/
  /*be careful on mobile before removing the above */
}
a {
  color: black;
}
.content {
}
h1 {
  font-size: 48px;
  line-height: 56px;
}
h2 {
  font-size: 32px;
  line-height: 40px;
}

img.hero {
  width: 100%;
  display: block;
}

.footnote {
  font-size: 0.8em;
}

.topbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.topbar img {
  width: 400px;
}
.lexington .nav li {
  border-right: none;
}

.lexington .nav a:hover {
  border-bottom: none;
}

.nav {
  display: flex;
  font-size: 16px;
  padding-left: 0px;
  align-items: center;
  /*flex-wrap: wrap; */
  gap: 24px; /* Ensure gaps between items */
  max-width: 100%;
  width: 540px;
  margin: 4px;
  align-items: flex-start;
}

.nav li {
  min-width: 0; /* Add this line */
  list-style-type: none;
  align-items: center;
  /*background-color: #ccc;*/
  flex-grow: 0; /* Prevents the item from growing */
  line-height: 1.2em;
}
.nav li:last-of-type {
  /*border-right: none;   */
}
.nav .checked a {
  /*border-bottom: 3px solid #CC3366;*/
}
.nav a {
  text-decoration: none;
  color: #cc3366;

  /*border-bottom: 3px solid transparent;*/
}
.nav a:hover {
  /*border-bottom: 7px solid #90eafc;*/
}
a {
  color: #2c8aa8;
}

dt {
  font-weight: bold;
}
dd {
  margin-bottom: 16px;
}