:root {
  --white-color:                  #ffffff;
  --primary-color:                #dfa94f;
  --secondary-color:              #2a2a2a;
  --section-bg-color:             #f0f8ff;
  --custom-btn-bg-color:          #3d3e3d;
  --custom-btn-bg-hover-color:    #dfa94f;
  --dark-color:                   #000000;
  --p-color:                      #717275;
  --border-color:                 #7fffd4;
  --link-hover-color:             #B22727;

  --body-font-family:             'Poppins';


}

body {
  background-color: var(--secondary-color);
  font-family: var(--custom-btn-bg-color);
}

body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; /* Prevent horizontal scrolling */
}
h1.header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: 'Poppins';
  font-size: calc(1rem + 1vw); /* Responsive font size */
  color: #dfa94f;
  margin: 0;
  padding: .5vw;
  box-sizing: border-box; /* Ensure padding is included in element's total width and height */
  z-index: auto;
}

.header img {
  height: auto;
  max-height: 10vw; /* Maximum height as a percentage of viewport width */
  flex-shrink: 0; /* Prevent the image from shrinking */
  margin-right: 1rem; /* Space between the image and text */
}
.header .text {
  flex-grow: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 8px #000000;
  font-family: 'Poppins';
}
.centered-content {
  text-align: center;
  margin-top: -.6vw;
  margin-bottom: 0rem;
  margin-right: 15vw;
  margin-left: 15vw;
  box-sizing: border-box;
  font-size: calc(.8rem + 1vw); /* Responsive font size */
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 0 8px #000000;
  font-family: 'Poppins';
  z-index: 1; /* set higher z-index value */
  position: relative; /* position must be set for z-index to work */
}
.centered-image {
  text-align: center;
  margin: 0vw;
  box-sizing: border-box;
  font-size: calc(.8rem + 1vw); /* Responsive font size */
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 0 8px #000000;
  z-index: 0; /* set higher z-index value */
  position: relative; /* position must be set for z-index to work */
}
.centered-description {
  text-align: center;
  margin-top: -.6vw;
  margin-bottom: 0rem;
  margin-right: 15vw;
  margin-left: 15vw;
  box-sizing: border-box;
  font-size: calc(.5rem + 1vw); /* Responsive font size */
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 0 8px #000000;
  font-family: 'Poppins';
}

.footer-container {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
}
footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'Poppins';
  font-size: calc(1rem + 1vw); /* Responsive font size */
  color: #dfa94f;
  text-align: center;
}
.footer img {
  height: auto;

  max-width: 15vw; /* Maximum width for larger screens */
  flex-shrink: 0; /* Prevent the image from shrinking */
  margin: 0; /* Remove any margins */
  padding: 0; /* Remove any padding */
}
.footer .text {
  margin-bottom: 0.5rem; /* Space between text and image */
  font-family: 'Poppins';
}

.form-inline {
  margin-top: 3vw;
}

@media (min-width: 768px) {
  h1.header {
    font-size: 3.5rem; /* Larger font size for larger screens */
  }
  .header img {
    max-height: 150; /* Adjusted max height for larger screens */
  }
  footer {
    font-size: 1rem; /* Larger font size for larger screens */
  }

}