@media (max-width: 980px) {
  .tc-hero-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .tc-hero-copy h1,
  .tc-hero-copy p {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .tc-hero-copy p {
    max-width: 34rem;
  }

  .tc-hero-copy .cta {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-seo-links {
    justify-content: center;
  }

  .hero-contact {
    margin-left: auto;
    margin-right: auto;
  }
}

.menu-wrap {
  grid-area: nav;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 960px) {
  .menu-wrap {
    grid-area: auto;
    display: inline-flex;
    justify-content: flex-start;
  }

  .menu-wrap .nav {
    top: calc(100% + 18px);
    right: auto;
    left: 0;
  }
}