header nav .ananke-socials {
  display: none;
}

@media (min-width: 60rem) { /* 60rem = 960px - large screens */
  header nav .ananke-socials {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: -1rem;
    gap: 0.5rem;
    margin-bottom: -1rem;
  }

  header nav .ananke-socials a .icon svg {
    width: 1.2rem;
    height: 1.2rem;
  }

  /* override ananke default padding bottom without changing template */
  main.pb7 {
    padding-bottom: 5rem;
  }
}


@media (max-width: 60rem) { /* 60rem = 960px - small and medium screens */
  header nav {
    display: flex;
  }

  /* override ananke default padding bottom without changing template */
  main.pb7 {
    padding-bottom: 2rem;
  }

  footer .ananke-socials a .icon svg  {
    width: 1.5rem;
    height: 1.5rem;
  }
}