.site-footer__top {
  background-color: var(--color-grey-lighter);
  padding: 2rem 0 3rem;
  position: relative;
}

@media screen and (min-width: 761px) {
  .site-footer__top {
    padding: 3rem 0;
  }
}

@media screen and (min-width: 1020px) {
  .site-footer__bottom .copyright {
    text-align: right;
  }
}

.site-footer__wrapper {
  margin: 0 auto;
  max-width: var(--max-width);
  padding: 0 1rem;
}

@media screen and (min-width: 761px) {
  .site-footer__top .site-footer__wrapper {
    display: flex;
    justify-content: space-between;
    padding: 0 2.4rem;
  }
}