body.fixed-bg {
    background-image: url('../Images/Outhouse_Cornhole_Boards_bg2.png'); /* Replace with your image path */
    background-size: cover; /* Cover the entire area */
    background-attachment: fixed; /* Fix the background image */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
}
.translucent-bg50 {
    background-color: rgba(255, 255, 255, 0.4); /* White with 80% opacity */
    padding: 20px; /* Add some padding for better readability */
    border-radius: 8px; /* Optional: add rounded corners */
    margin-bottom: 20px; /* Optional: add some space below each section */
}
.translucent-bg60 {
    background-color: rgba(255, 255, 255, 0.4); /* White with 80% opacity */
    padding: 20px; /* Add some padding for better readability */
    border-radius: 8px; /* Optional: add rounded corners */
    margin-bottom: 20px; /* Optional: add some space below each section */
}
.float-right {
    float: right;
    margin-left: 20px; /* Space between the text and the image */
    margin-bottom: 10px; /* Space below the image */
    max-width: 100px; /* Adjust the size as needed */
    height: auto; /* Maintain aspect ratio */
}
.responsive-header-image {
    width: 100%;
    height: auto;
}

.responsive-header-image-small {
    display: none;
}

@media (max-width: 600px) {
    .responsive-header-image {
        display: none;
    }

    .responsive-header-image-small {
        margin-top: 30px;
        display: block;
        width: 100%;
        height: auto;
    }
}