.custom-page-header {
  margin: 10px 0 20px;
  color: #000000;
}

.custom-page-header>a {
  color: #53575B;
}

.custom-page-header>a>h3 {
  font-family: "Graphik", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: center;
  margin: unset;
}

.custom-page-header h1 {
  font-family: "Graphik", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: center;
  margin: unset;
}

.custom-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0 30px;

  .hero-inner {
    transform: unset;
    top: unset;
  }

  .homepage-hero-inner-title {
    display: none;
  }

}

@media (max-width: 400px) {
  .custom-hero {
    padding-bottom: 0;
  }
}

.homepage-nav-header {
  align-items: center;
}

.knowledge-base .faq {
  order: 3;
}


@media (min-width: 1070px) {
  .knowledge-base {
    display: flex;
    column-gap: 2rem;
    row-gap: 1rem;
    padding: 20px 0;
    max-width: 1160px;
    margin: 0 auto;
  }

  .custom-nav {
    grid-area: nav;
  }

  .popular-topics {
    grid-area: shortcuts;
  }

  .faq {
    grid-area: faq;
  }

  .videos {
    grid-area: videos;
  }

  .tips {
    grid-area: tips;
  }

  .help {
    grid-area: help;
  }

  .resources {
    grid-area: resources;
  }

  .homepage-section {
    margin: 0;
  }
}