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

  .nook-header,
  .nook-footer,
  #crm-container {
    max-width: 700px;
    margin: auto;
    background-color: var(--crm-page-bg-color);
  }

  .nook-header {
    height: unset;

    .nook-header-content {
      border-bottom: none;
    }

    .nook-org-logo {
      margin: 1rem auto;
      max-height: 80px;
    }

    .nook-user-menu {
      position: fixed;
      right: 3px;
      top: 3rem;
      padding: 0.5rem;
      background-color: #1b1b1b;
      z-index: 100;

      a {
        color: #bbb;
      }
    }
  }

  .nook-footer {
    height: var(--nook-header-height);
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;

    background-color: var(--nook-blue-darkest);
    color: var(--nook-white);

    .nook-footer-logo {
      padding: 0 1rem;
      box-sizing: border-box;
      display: flex;
      align-items: center;
    }

    .nook-org-info {
      font-style: italic;
      padding: 1rem;
    }
  }

  #civicrm-menu-nav {
    max-width: 50rem;
    right: 0;
    left: unset;
  }

}