#footer {
  background-color: var(--colorGreen);
  border-top: 2px solid var(--colorBlue);
  display: flex;
  justify-content: center;
  margin-top: auto;
  width: 100%;
  > main {
    align-items: flex-start;
    display: flex;
    margin: 10px 15px 10px 15px;
    max-width: 1100px;
    width: 100%;
    @media (max-width: 800px) {
      align-items: center;
      flex-direction: column;
      > div:nth-of-type(1) {
        display: none;
      }
    }
    > div {
      align-items: center;
      display: flex;
      flex: 1;
      flex-direction: column;
      > a {
        text-decoration: none;
        &:hover {
          > p {
            color: white;
          }
        }
      }
      p {
        color: black;
        margin: 2px;
        text-align: center;
      }
    }
  }
}