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

.footer-menu-main {
width: clac(100% - 20px);
background-color:black;
height: 60px;
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: 30px;
	width:30px;
}

.footer-main-title {
	font-size: 10px;
	font-style: italic;
        align-items: right;
        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;

/* position: fixed;
bottom: 0px;
left: 0px;
right: 0px; */

height: 90px;
display: none;
justify-content: space-evenly;
align-items: center;
border-radius: 0px 0px 5px 5px;
}

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

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

.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;
border-radius: 50px;
color: white;
border-top: 1px solid white;
transform: translateY(-15px);

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


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


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

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


.footer-submenu
{
 background-color: black;
 display: none;
 bottom: 73px;
 left: 0px;
 right: 0px;
 padding: 20px;
 min-height: fit-content;
 max-height: 80%;
 grid-template-columns: 1fr 1fr 1fr;
 grid-template-rows: auto auto auto 15px;
 grid-gap: 15px;

 align: center;
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
}

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

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


@media (max-width: 1000px) {
	.footer-menu-main {
		display:none;
	}
	.footer-menu {
		display:flex;
	}
	.all {
		bottom: 70px;
	}
}