.footer {
  margin-top: 1rem;
  grid-area: footer;
  display: grid;
  min-height: 75px;
  background: var(--footerBkGColor);
  color: var(--HeaderFontColor);
  border-radius: 1rem;
  justify-items: center;
  align-items: center;
  grid-template-columns: 1fr;
  grid-template-areas:
    "contact"
    "sitemap"
    "copyright";
  text-transform: uppercase;
}

.footer p {
  font-size: 0.8rem;
}

.copyright {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-area: copyright;
}

.sitemap {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-area: sitemap;
}

.contact {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-area: contact;
}

@media (min-width: 62em) {
  .footer {
    min-height: 75px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "copyright sitemap contact";
  }

  .copyright {
    width: 100%;
    justify-items: left;
    margin-left: 50px;
  }
  .contact {
    width: 100%;
    justify-items: right;
    margin-right: 50px;
  }
}