/* SECTION STYLES */
section {
  &:first-child {
    padding-top: calc(
      84px + 20px
    ); /* Adjusted for header height and some extra padding */
  }

  margin-bottom: 20px;
  padding: 0 var(--horizontal-padding-desktop);

  @media (max-width: 600px) {
    padding: 0 var(--horizontal-padding-mobile);
  }

  max-width: 600px;
  margin: auto;

  display: flex;
  align-items: center;
  flex-direction: column;

  h1 {
    font-size: 2.5rem;
    margin-bottom: 10px;
    text-align: center;
  }

  h2 {
    margin-top: 30px;
  }

  .content {
    min-width: 100%;
  }

  p {
    margin: 30px 0;
    width: 100%;
    text-align: left;

    &:first-of-type {
      margin-top: 20px;
    }
  }

  a {
    color: var(--primary-text-color);
    text-decoration: underline;
    font-weight: 600;

    &:hover {
      color: rgb(46, 55, 105);
    }
  }
}