main {
  background-color: #FFFFFF;
}

.page-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #7FA6A1;
  color: white;
  height: 200px;
  text-align: center;
  & h1 {
    color: white;
    font-size: 3rem;
  }
}
.page-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  padding-bottom: 100px;
  margin: auto;
  color: #444444;

  & h2 {
    font-size: 1.5rem;
  }
}
.page-content a {
  color: #407D96;
}
.page-content a:hover {
  color: #9cbeba;
}
.page-content li{
  font-size: 1rem;
  padding-bottom: 1.2rem;
}

.page-content ul,
.page-content ol {
  line-height: 1.5rem;
  &>p {
    margin-top: 0;
  }
}

.numbered-points {
  position: relative;
  list-style-type: none;
  &>li:before {
    position: absolute;
    content: attr(value);
    font-weight: 600;
    left: 5px;
  }
}
.bullet-points {
  &>li {
    padding-bottom: 0;
  }
  &>li:last-of-type {
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 425px) {}
@media screen and (min-width: 769px) {
  .page-content {
    width: min(100%, 700px);
  }
}