.Footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  background: #4c4c4c;
  height: 140px;

  &-title {
    margin-bottom: 0.75rem;
    opacity: 0.95;
    transition: transform 100ms ease, opacity 100ms ease;

    &:hover,
    &:focus,
    &:active {
      opacity: 1;
      transform: translateY(-1px);
      color: inherit;
    }

    &-logo {
      height: 2.6rem;
      fill: #FFF;
    }
  }

  &-links {
    display: flex;
    justify-content: center;
    align-items: center;

    &-link {
      font-size: 1rem;
      padding: 0 1rem;
      color: #fff;
      opacity: 0.8;
      transition: opacity 100ms ease;

      &:hover {
        color: inherit;
        opacity: 1;
      }
    }
  }
}