#content {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

article {
  max-width: 800px;
  margin: 50px auto;
  padding: 20px;
  line-height: 1.8;
  font-size: 18px;
}

.content-body p {
  text-align: justify;
}

.hero {
  height: auto; /* Allow hero content to adjust dynamically */
  max-height: calc(100vh - 120px); /* Adjust space for navbar and footer */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
}

.headline {
  font-size: 32pt;
  font-weight:100;
  text-align: center;
  margin-bottom:50pt;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:100;
  text-align: center;
  margin-bottom: 15px
}

p {
  font-size: 14pt;
  font-weight:100;
}

li {
  font-size: 14pt;
  font-weight:100;
}