.footer {
  height: var(--footer-height);
  padding: 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-white);
}

.footer__text {
  text-align: center;
}

.footer__brand {
  padding-right: 0.5rem;
}

@media (min-width: 1024px) {
  .footer__text {
    font-size: 1.25rem;
  }
}