.project-footer,
.content.project-footer {
  background-color: $gray-0;
  padding-top: 4rem;
  padding-bottom: 6rem;

  .logo-wrapper {
    text-align: center;
    display: block;
    margin: 0 auto;
    .project-logo {
      max-width: 18rem;
      @media screen and (max-width: 768px) {
        max-width: 10rem;
      }
    }
  }

  p {
    font-family: 'Jost', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .9rem;

    @media screen and (max-width: 1024px) {
      grid-column: 1/6;
    }
    @media screen and (max-width: 768px) {
      grid-column: span 12;
    }

    a {
    font-family: 'Jost', sans-serif;
    font-size: .9rem;
    }
  }

  .project-links {
    font-size: .9rem;

    @media screen and (max-width: 1024px) {
      grid-column: span 2;
    }
    @media screen and (max-width: 768px) {
      grid-column: span 6;
    }
    b {
    font-size: .9rem;
    font-weight: 600;
    }

  }

  ul.footer-links {
    list-style: none;
    padding-left: 0;
    a { 
    font-family: 'Jost', sans-serif;
    font-size: .9rem;
    }
  }
  .more-links {
    padding-left: 4rem;
    font-size: .9rem;
    margin-bottom: 2rem;
    
    b {
    font-size: .9rem;
    font-weight: 600;
    }

    ul {
      -moz-column-count: 4;
      -moz-column-gap: 1rem;
      -webkit-column-count: 4;
      -webkit-column-gap: 1rem;
      column-count: 4;
      column-gap: 1rem;
      a { font-size: .9rem; }
    }
    @media screen and (max-width: 1300px) and (min-width: 1025px) {
      ul {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
      }
    }
    @media screen and (max-width: 1024px) {
      grid-column: span 12;
      border-top: 2px solid $grey-1;
      padding: 3rem 0 2rem 0;
      margin-bottom: 1rem;
    }
    @media screen and (max-width: 480px) {
      order: 3;
      ul {
        -moz-column-count: 2;
        -moz-column-gap: 1rem;
        -webkit-column-count: 2;
        -webkit-column-gap: 1rem;
        column-count: 2;
      }
    }
  }
}

.footer-section {
  margin-bottom: 3rem;
  padding: 1rem 0;
  @media screen and (max-width: 480px) {
    margin-bottom: 1rem;
  }
}
