.footer {
	align-self: flex-start;
	bottom: 0;
	right: 0;
	left: 0; 
	height: 70px;
	background-color: var(--hover-background-color);
}

.footer-menu-main {
width: calc(100% - 20px);
background-color:black;
height: 70px;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 0px 0px 10px 10px;
padding: 0px 10px 0px 10px;
}


.footer-menu-main-button {
display: flex;
justify-content: space-evenly;
align-items: center;
color: white;
}

.footer-menu-main-button.h {
flex-direction: row;
justify-content: flex-start;
gap: 15px;
}

.footer-menu-main-button.v {
flex-direction: column;
}


.footer-menu-main-img {
height: 40px;
width: 40px;
}

.footer-main-title {
	font-size: 10px;
	font-style: italic;
        color: var(--font-color-header);
 	text-shadow: 2px 2px 5px black;
}

.footerf {
 position: sticky;
 align-self: flex-start;
 bottom: 0;
 right: 0;
 left: 0; 
 height: 60px;
 flex-direction: row;
 justify-content: center; 
 align-items: center;
 background: black;
}

.footerf-img {
	background-color: transparent;
	display: flex;
	align-items: center;
}

.footerf-sponsor-logo {
	max-width: 150px;
	max-height: 50px;
}

.footerf-sponsor-logo img{
	width: 100%;
	max-height: 50px;
}

.footerf-img img{
	width: 100%;
}

.footerf-title-box {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 5px;
}

.footerf-title {
	font-size: 24px;
	font-style: italic;
        color: var(--font-color-header);
 	text-shadow: 2px 2px 5px black;
}
.footerf-sponsor {
	font-size: 16px;
}

.footer-menu-main-left {
display:flex;
flex-direction: row;
justify-content:space-evenly;
gap: 5vw;
}

.footer-menu,.footer-main-menu {
background-color: var(--header-background-color);
background-color: black;
/* height: 90px; */
display: none;
justify-content: space-evenly;
align-items: center;
max-width: 100vw;
}

.footer-main-menu {
display:flex;
}

.footer-menu-button {
display: flex;
justify-content: space-evenly;
align-items: center;
color: white;
fill: white;
}

.footer-menu-button:hover,.footer-menu-button-circle:hover {
fill: var(--dark-color);
cursor:pointer;
}

.footer-menu-button.h {
	flex-direction: row;
justify-content: flex-start;
gap: 15px;

}
.footer-menu-button.v {
	flex-direction: column;
}

.footer-menu-button-circle {
display: flex;
justify-content: space-evenly;
align-items: center;
background-color: black;
/* height: 100px; 
width: 100px; */
padding: 10px;
border-radius: 50px;
color: white;
fill: white;
border-top: 1px solid white;
transform: translateY(-15px);

}
.footer-menu-button-circle.v {
	flex-direction: column;
}


.footer-menu-img {
	height: clamp(10px, 7.5vw, 35px);
	width: clamp(10px, 7.5vw, 35px);
}


.footer-menu-text {
	font-size: 10px;
}

.footer-menu-img-circle {
	height: 75px;
	width: 75px;
}


.footer-submenu
{
 background-color: black;
 display: none;
 bottom: 60px;
 left: 0px;
 right: 0px;
 padding: 30px;
 padding-bottom: 45px;
 min-height: fit-content;
 max-height: 80%;
 grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
 /* grid-template-rows: auto auto auto 15px; */
 grid-gap: 15px;
 max-width: calc(100vw - 60px);
}

.footer-submenu.show {
display:grid;
}

.footer-submenu-footer {
height: 400px;
}