html, body {
  margin: 0;
  background-color: #DCC7AA;
  height: 100%;
  display: flex;
  flex-direction: column; /* Flexbox for vertical alignment */
}

body {
  font: 14px Arial, sans-serif;
  color: #3E2723;
}

.block-content {
  flex: 1; /* This will expand to fill the remaining space */
  overflow-y: auto; /* Enables scrolling for the content area */
}

.centered_container {
  display: flex; /* Flexbox for alignment */
  justify-content: center; /* Horizontally center */
  align-items: center; /* Vertically center */
  flex-direction: column; /* Ensure vertical stacking of elements */
  min-height: calc(100vh - 100px); /* Full viewport height minus footer height */
  text-align: center; /* Center text inside */
  margin: 0 auto;
}

.text_document {
    width: 600px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #FAF3E0;
    border: 1px solid #ddd;
    text-align: left;
    color: #3E2723;
    line-height: 1.5;
    padding-bottom: 80px
}

.text_document a {
  color: #A23E48;
}

.text_document b,
.text_document h1,
.text_document h2,
.text_document h3 {
  color: #3E2723;
}

.headline {
  font-size: 75px;
  margin: 10px;
}

.tagline {
  font-size: 25px;
  padding: 0 50px;
}

.accent_color {
  color: #A23E48;
}

.green_accent_color {
  color: #556B2F;
}

.appstore {
  margin-top: 40px;
}

.appstore img {
  width: 160px;
}

.googleplay {
  margin-top: 15px;
}

.googleplay img {
  width: 160px;
}

div.footer {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: #e0e0e0 solid 1px;
  width: 100%; /* Stretches the div across the width of the page */
  background-color: #FAF3E0; /* Background color of the div */
  text-align: center; /* Center the text inside the div */
}

div.footer a {
  color: #A23E48;
  text-decoration: none;
  margin: 0 15px;
}

div.footer .copywright {
  padding-top: 20px;
  color: #707070;
  font-size: 11px;
}

div.coming_soon {
  padding-top: 20px;
}

@media (max-width: 768px) {
  .text_document {
      width: 100%;
  }

  div.footer {
    width: 100%;
  }

  div.footer .nav {
    flex-wrap: wrap;
  }
}