h1 {
  color: #FFC700;
}

h3 {
  color: #FFC700;
}

footer {
  bottom: 0;
  width: 100%;
  height: 30px; /* Default height, can shrink for mobile */

  /* Flexbox for centering content */
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;     /* Centers vertically */

  text-align: center; /* Center-align the text */
  padding: 0;         /* Remove extra padding */
  z-index: 100;       /* Ensures the footer stays on top */
}

@media (max-width: 768px) {
  footer {
    height: 40px; /* Smaller height for tablets/mobile */
    font-size: 12px; /* Adjust text size for smaller screens */
  }
}

@media (max-width: 480px) {
  footer {
    height: 35px; /* Further reduce height for small mobile screens */
    font-size: 10px; /* Smaller text for small mobile screens */
  }
}