.menu {
	position : absolute;
	z-index : 99999;
	width : 100%;
	padding : 30px 100px;
	display : flex;
	justify-content : center;
	align-items : center;
	opacity : 1;
	transition : opacity 0.4s ease-in-out;
}
.menu.hide {
	opacity : 0;
}
.menu .logo {
	color : var(--main-color);
	font-weight : 400;
	text-decoration : none;
	font-size : 1.8em;
	text-transform : uppercase;
	letter-spacing : 2px;
	font-family: var(--font-cursive);
	padding : 7px 0px;
}
.menu .logo img {
	width : 250px;
	opacity : 0.5;
	transition : opacity 0.4s ease-in-out;
}
.menu .logo img:hover {
	opacity : 1;
}
.menu .nav {
	display : flex;
	justify-content : center;
	align-items : center;
}
.menu .nav .nav-item {
	list-style : none;
	padding : 6px 15px;
	letter-spacing: 1px;
	font-size : 1em;
}
@media (min-width: 769px) {
	.menu {
		justify-content : space-between;
	}
	.menu .logo {
		font-size : 1.6em;
		letter-spacing : 1px;
	}
	.menu .logo img {
		width : 280px;
	}
}
@media (min-width: 992px) {
	.menu .logo {
		font-size : 2em;
		letter-spacing : 2px;
	}
	.menu .nav .nav-item {
		padding : 6px 25px;
		font-size : 1.1em;
	}
	.menu .logo img {
		width : 300px;
	}
}
@media (min-width: 1200px) {
	.menu {
		padding : 35px 120px;
	}
	.menu .nav .nav-item {
		padding : 6px 27px;
	}
	.menu .logo img {
		width : 320px;
	}
}
@media (min-width: 1400px) {
	.menu {
		padding : 40px 150px;
	}
	.menu .nav .nav-item {
		padding : 6px 35px;
		font-size : 1.2em;
	}
	.menu .logo img {
		width : 330px;
	}
}
.menu .nav .nav-item a {
	text-decoration : none;
	color : var(--main-color);
	transition : color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.menu .nav .nav-item a:hover, .menu .nav .nav-item a:focus {
	opacity : 0.2;
}
.dropdown-toggle::after {
	border-top-color : var(--main-color);
}
.menu .bi {
	color : var(--main-color);
    fill: var(--main-color);
}
[data-bs-theme=light] .menu .bi {
    color : var(--main-color-day);
	fill: var(--main-color-day);
}
[data-bs-theme=light] .menu button .bi {
    color : var(--main-color);
	fill: var(--main-color);
}
[data-bs-theme=light] .menu .dropdown-menu .bi {
    color : var(--main-color-day);
	fill: var(--main-color-day);
}
.ontop.hide {
	opacity : 0;
}
.ontop {
	position : fixed;
	z-index : 999999;
	bottom : 20px;
	right : 20px;
	transition : opacity 0.4s ease-in-out;
	cursor : pointer;
}
.circle {
	background-color : var(--main-color);
	color : var(--main-color-day);
	border : 0px;
	border-radius : 50%;
	width : 35px;
	height : 35px;
	display : flex;
	justify-content : center;
	align-items : center;
	transition : background 0.3s ease-in-out;
}
.circle:hover {
	background-color : var(--bg-color-light-day);
	color : var(--main-color-day);
}
[data-bs-theme=light] .ontop .circle {
	background-color : var(--bg-color);
	color : var(--main-color);
	border : 2px solid var(--bg-color-day);
}
[data-bs-theme=light] .ontop .circle:hover {
	background-color : var(--bg-color-light);
}
.circle .bi {
	padding : 0;
	margin-top : -5px;
}



.tapbar .circle .bi {
	padding : 0;
	margin-top : -10px;
}
.tapbar .circle {
	width : 60px;
	height : 60px;
	margin-top : -30px;
	font-size : 1.5em;
	border : 8px solid var(--bg-color-light);
	opacity : 0;
	transition : opacity 0.2s, margin 0.4s, background 0.2s;
	cursor : pointer;
}
[data-bs-theme=light] .tapbar .circle {
	background-color : var(--bg-color-light);
	color : var(--main-color);
	border : 8px solid var(--bg-color-light-day);
}
.tapbar .circle.show {
	margin-top : -40px;
	opacity : 1;
}
.tapbar {
	display : none;
	z-index : 999999;
	bottom : 0;
	left : 0;
	width : 100%;
	position : fixed;
	background-color : var(--bg-color-light);
	color : var(--main-color);
	justify-content : space-between;
	align-items : center;
}
[data-bs-theme=light] .tapbar {
	background-color : var(--bg-color-light-day);
}
.tapbar ul {
	list-style : none;
	display : inline-block;
	display : flex;
	justify-content : space-between;
	align-items : center;
	margin : 0;
	padding : 10px 90px;
}
@media (min-width: 577px) {
	.tapbar ul {
		padding : 10px 110px;
	}
}
@media (min-width: 675px) {
	.tapbar ul {
		padding : 10px 130px;
	}
}
.tapbar li {
	padding : 0px 0;
	margin : 0;
}
.tapbar li a {
	text-decoration : none;
	color : var(--main-color);
	font-size : 1.2em;
}
[data-bs-theme=light] .tapbar li a {
	color : var(--main-color-day);
}
.tapbar li a .bi {
	margin-right : 8px;
}
@media (max-width: 769px) {
	.menu .nav, .ontop {
		display : none;
	}
	.tapbar {
		display : block;
		
	}
}