_sass/includes/project-footer.scss

.project-footer,
.content.project-footer {
  background-color: $dark-gray;
  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 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    @media screen and (max-width: 1024px) {
      grid-column: 1/6;
    }
    @media screen and (max-width: 768px) {
      grid-column: span 12;
    }
  }

  p, h6 { color: $white; }

  h6 {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
  }
  .footer-text {
    @media screen and (max-width: 1024px) {
      grid-column: span 12;
    }
  }

  a {
    font-size: 1rem;
    color: $light-blue;
  }

  ul.footer-links {
    list-style: none;
    padding-left: 0;
  }

  .more-info {
    padding-left: 4rem;
    font-size: 1rem;
    margin-bottom: 2rem;
    grid-column: 7/13;
    ul {
      -moz-column-count: 4;
      -moz-column-gap: 1rem;
      -webkit-column-count: 4;
      -webkit-column-gap: 1rem;
      column-count: 4;
      column-gap: 1rem;
    }
    @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;
  }
}