/* Reset */
body,
html {
  min-height: 100%;
  margin: 0;
  padding: 0;
}

/* Landing Section */
.landing {
  background-color: #899d5e; /* Desired background */
  min-height: 100vh;
}

/* Card proportional sizing */
.card-proportional {
  width: 80vw;         /* 80% of viewport width */
  max-width: 1200px;    /* Cap the card width */
}

/* Rounding for images etc. */
.custom-rounded {
  border-radius: 0.5rem;
}

/* Contact */
.contact {
  background-color: #916A4F;
  min-height: 100vh;
}

/* Cards Section */
.cards-section {
  min-height: 100vh;
  background-color: #B07C57; /* Adjust as needed */
}