montrealrb/Montreal.rb

footer {
  color: #fff;
  background-color: $footer-bg-color;
  font-family: $secondary-font;
  padding: $gutter $padding;
  margin-top: $gutter;
  align-items: center;

  .links{
    display: flex;
  }

  h1 {
    padding-bottom: 0;
    font-size: 1.5em;
  }

  .left {
    flex: 2;
  }

  ul {
    padding: 0;
  }

  li,
  p {
    list-style: none;
    padding: 0 $padding 0 0;
  }

  a {
    color: $footer-text-color;

    &:hover {
      color: $links;
    }
  }

  @media screen and (max-width: $small-screen) {
    .left {
      flex: 1;
    }

    li,
    p {
      display: block;
    }
  }
}