/* Lock the navbar permanently to the top and make it a flex container */

nav.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
  background-color: #ffffff;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  flex-wrap: nowrap;
}

/* Center the title automatically and prevent wrapping */

nav.navbar p, nav.navbar span {
  margin: 0 auto;
  white-space: nowrap;
}

/* Style the logo image size */

nav.navbar img {
  width: 48px;
  height: 48px;
}

/* Push body content down so it is not hidden under the fixed navbar */

body {
  padding-top: 70px;
}

/* When screen is small and columns stack vertically, center both button wrappers */

/* Force anchor-based buttons to vertically and horizontally center their text */

.row.gx-2 a.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

@media (max-width: 767.98px) {
  .row.gx-2 > .col-md-6 > div {
    display: flex !important;
    justify-content: center !important;
  }
}

/* Add vertical spacing between the buttons only when they stack on mobile screens */

@media (max-width: 767.98px) {
  .row.gx-2 > .col-md-6:not(:last-child) {
    margin-bottom: 16px;
  }
}