body, html {
      height: 100%;
      margin: 0;
      font-family: Arial, sans-serif;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

  .bg {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("/photos/wood.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  html, body {
  height: 100%;
  margin: 0;
}

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.wrapper h1 {
  color: white;
  font-size: 3em;
  text-align: center;
  margin-top: 100px;
}

.wrapper::after {
  content: '';
  flex-grow: 1;
}

.site-footer {
  background-color: #222;
  color: #eee;
  padding: 40px 20px 20px;
  font-size: 14px;
}
.dennie {
  display: flex;
  align-items: center;       /* vertically centers dash and image */
  justify-content: center;   /* horizontally centers them as a group */
  gap: 8px;                   /* space between dash and image */
}

.dennie p {
  margin: 0; /* removes default paragraph margin */
}

.dennie img {
  max-height: 200px; /* adjust to fit nicely with the dash */
}