body {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: white; /* Adjust text color for better visibility on your background */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0; /* Reset default body margin */
}

#wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* Allow wrapper to take up remaining vertical space */
}

#content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* Allow content-wrapper to take up remaining vertical space */
}

#content {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Vertically center the content */
  align-items: center; /* Horizontally center the content */
  flex-grow: 1; /* Allow content to take up remaining vertical space */
}

.container-fluid {
  text-align: center; /* Center the content *within* the container */
}

.container-fluid img {
  max-width: 300px; /* Adjust logo size as needed */
  height: auto;
  margin-bottom: 20px; /* Add some space below the logo */
}