.crm-public body:not(.crm-menubar-visible) {
  background-color: var(--nook-blue-dark);

  .nook-header,
  #crm-container {
    max-width: 700px;
    margin: auto;
  }
  #civicrm-footer {
    width: 100%;
  }
  .nook-header-logo,
  .nook-header-content {
    background-color: var(--nook-blue-darkest);
    border-bottom: 2px solid var(--nook-grey-mid);
  }
}
@media (min-width: 600px) {
  .crm-public body.crm-menubar-visible #crm-container {
    /* provides a bit of distinction for frontend forms for logged in users */
    padding: 4rem 8rem;
  }
}