/* ============================ Header */
.webit__header {
  background: var(--header-background);
  color: var(--header-text);
  text-align: center;
  padding: 2em 1em;
}

.webit__header-info {
  margin-top: 1em;
}

.webit__header-info-text,
a.webit__header-info-text {
  display: block;
}

@media screen and (min-width: 768px) {
  .webit__header-info-text,
  a.webit__header-info-text {
    display: inline-block;
    color: var(--header-text);
    -webkit-transition: color .25s;
    transition: color .25s;
  }
}

a.webit__header-info-text:hover {
  color: var(--color-theme-text-link);
}

.webit__header-info-pipe {
  display: none;
}

@media screen and (min-width: 768px) {
  .webit__header-info-pipe {
    display: inline-block;
    color: var(--color-theme-primary);
    font-weight: 700;
  }
}