#footer {
  background-color: var(--colorGreenTranslucent);
  border-top: 2px solid var(--colorBlue);
  display: flex;
  justify-content: center;
  width: 100%;
  > main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 40px 15px 40px 15px;
    max-width: 1100px;
    width: 100%;
    @media (max-width: 700px) {
      justify-content: space-between;
    }
    > div {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      @media (max-width: 600px) {
        flex-basis: 100%;
        &:not(:nth-child(1)) {
          margin: 40px 0px 0px 0px;
        }
      }
      &:not(:nth-child(1)) {
        > a {
          margin: 40px 0px 0px 0px;
        }
      }
      > a {
        padding: 5px 5px 5px 5px;
        text-decoration: none;
        @media (pointer: fine) {
          &:hover {
            color: white;
            cursor: pointer;
          }
        }
        &.level-one {
          font-weight: bold;
        }
        &.level-two {
          padding: 5px 5px 5px 15px;
        }
      }
      > p {
        color: black;
        margin: 5px 5px 5px 5px;
      }
    }
  }
}