html 
{
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html 
{
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay to make text more readable */
    background-image: url('/images/background.jpg');
    background-size: cover;
    background-position: center center;
}
.hero {
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay to make text more readable */
    background-image: url('/images/background.jpg');
    background-size: cover;
    background-position: center center;
    height: 15vh; /* Set the height of the section */
}
head {
    background-color: #FF0000; /* Set your desired background color here */
}
nav {
    background-color: forestgreen; /* Replace with your desired background color */
    color: white; /* Adjust text color for better contrast */
}
.custom-button {
    font-size: 20px;
}