/* Keep the desktop primary navigation centered in the viewport. */
@media (min-width: 1100px) {
  .header-content {
    position: relative;
  }

  .header-content > .nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* Use the compact header before the desktop navigation has enough room. */
@media (min-width: 769px) and (max-width: 1099px) {
  .header-content > .nav,
  .header-content > .btn-get-quote {
    display: none;
  }

  .header-content > .hamburger {
    display: flex !important;
  }
}