.gold-band {
    background-color: gold; /* Gold color */
}
.gold-band h3 {
    font-size: clamp(1rem, 5vw, 3rem); /* 1rem: Minimum font size. 5vw: Preferred size based on viewport width. 3rem: Maximum font size. */
}
.menus li .goldsponsorimage {
    width: 240px;
    display: inline-block;
}
.menus li .goldsponsorimage img {
    max-width: 100%;
    border-radius: 50%;
}
.menus li .goldtext h3 {
    margin: 15px 0 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
}

.silver-band {
    background-color: silver;
}
.silver-band h3 {
    font-size: clamp(1rem, 4vw, 2.5rem);
}
.menus li .silversponsorimage {
    width: 180px;
    display: inline-block;
}
.menus li .silversponsorimage img {
    max-width: 100%;
    border-radius: 50%;
}
.menus li .silvertext h3 {
    margin: 15px 0 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}

.bronze-band {
    background-color: #CD7F32; /* bronze */
}
.bronze-band h3 {
    font-size: clamp(1rem, 3vw, 2rem);
}
.menus li .bronzesponsorimage {
    width: 120px;
    display: inline-block;
}
.menus li .bronzesponsorimage img {
    max-width: 100%;
    border-radius: 50%;
}
.menus li .bronzetext h3 {
    margin: 15px 0 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
}

.support-band {
    background-color: #FFFFE0; /* light yellow */
}
.support-band h3 {
    font-size: clamp(1rem, 2vw, 1.5rem);
}
.menus li .supportsponsorimage {
    width: 80px;
    display: inline-block;
}
.menus li .supportsponsorimage img {
    max-width: 100%;
    border-radius: 50%;
}
.menus li .supporttext h3 {
    margin: 15px 0 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
}

.sponsorlist {
    display: inline-block;
    text-align: center;
}
.sponsor-band {
    height: 50px; /* Adjust height as needed */
    width: 100%; /* Full width of the page */
    justify-content: center; /* align vertically */
    display: flex; /* allow responsive behavior */
    align-items: center; /* align horizontally */
    text-align: center; /* Horizontal center text inside the band */
    justify-content: center; /* Horizontal center text inside the band */
    font-weight: bold; /* Bold text */
    color: black; /* Text color */
    margin-bottom: 10px;
}

.sponsor-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
    margin: 10px;
}