html,
body {
  background: var(--n-color-background);
  font-size: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 320px;
}

body {
  background-color: var(--n-color-background);
  color: var(--n-color-text);
  font-family: var(--n-font-family);
  font-feature-settings: var(--n-font-features);
  font-size: var(--n-font-size-l);
  font-weight: var(--n-font-weight);
  line-height: var(--n-line-height);
}

.hero {
  backface-visibility: hidden;
  background: var(--n-color-accent);
  border-top-left-radius: var(--n-border-radius);
  border-top-right-radius: var(--n-border-radius);
  margin-top: var(--n-space-s);
  color: var(--n-color-text-on-accent);
  overflow: hidden;
  padding: 8% var(--n-space-xl) 8%;
}

.links-grid {
  background-color: var(--n-color-surface);
  padding: var(--n-space-xl);
}

.links-grid .row {
  margin-bottom: var(--n-space-xl);
}

.links-grid a {
  color: var(--n-color-text);
  text-decoration: none;
}

.links-grid .links-cell a:hover {
  color: var(--n-color-text-link);
  text-decoration: none;
}

.links-grid .colorbox {
  padding: var(--n-space-l);
}

.links-grid h2 {
  font-size: var(--n-font-size-xxl);
  margin: var(--n-space-l) 0 var(--n-space-s) !important;
  transition: color 0.25s cubic-bezier(0.645, 0.445, 0.355, 1);
  width: 100%;
}

.links-grid .links-cell {
  margin-top: var(--n-space-l);
  margin-bottom: var(--n-space-xl);
}

.links-grid .links-cell h2 {
  margin-top: var(--n-space-s) !important;
}

.links-grid .links-cell p {
  color: var(--n-color-text-weaker);
}

.submit-request {
  background-color: var(--n-color-surface);
  padding: var(--n-space-xl);
}

.submit-request a {
  color: var(--n-color-text-link);
}

.n-footer {
  background-color: var(--n-color-surface);
  border-top: 1px solid var(--n-color-border);
  color: var(--n-color-text-weak);
  font-size: var(--n-font-size-s);
  line-height: var(--n-line-height-heading);
  padding: var(--n-space-l) var(--n-space-xxl);
}