/* Solid floating header with reserved page space at every responsive size. */
html,
body {
  overflow-x: clip;
}

body {
  padding-top: var(--floating-header-height, 82px);
}

.topbar {
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  backdrop-filter: none;
}

@media (max-width: 1100px) and (min-width: 761px) {
  body { padding-top: var(--floating-header-height, 118px); }
}

@media (max-width: 760px) {
  body { padding-top: var(--floating-header-height, 72px); }
}