/* By default: show hidden, hide visible */
.header-visible {
  display: none;
}

.header-hidden {
  display: block;
}

@media (min-width: 1302px) {
  /* At >= 992px, switch them */
  .header-visible {
    display: block;
  }

  .header-hidden {
    display: none;
  }
}