.logo_bingo__img{
	width: 100%; max-width: 50px; filter: drop-shadow(1px 1px 2px #FFFFFF) drop-shadow(-1px -1px 2px #FFFFFF);
}
.line_nav__img{
	max-width: 30px; cursor: pointer; user-select: none;
}
.despla_nav__hi{
	display: none;
}
.adi_top{
	display:none;
}
/****/
.despla_nav{
	position: fixed; height: 100%; z-index: 20; pointer-events: none; display: flex;
}
	.despla_nav__box{
		max-width: 450px; height: 100%; border-left: 2px solid #FFFFFF; background-color: #232E46; padding: 10px; transform: translateX(100%); transition: transform .2s;
	}
		.despla_nav__item_top{
			margin-bottom: 15px;
		}
			.ico_close__img{
				max-width: 30px; background-color: #FFFFFF; padding: 5px; border-radius: 5px; cursor: pointer; user-select: none;
			}
		.despla_nav__item_navs>a{
			padding: 25px 10px; padding-left: 0; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; text-decoration: none;
		}

.text_bingo__text{
	display: none; font-family:'Bebas Neue'; font-size: 24px; color:#FFFFFF; letter-spacing: 1px; text-shadow: 1px 1px 2px #000000, -1px -1px 2px #000000;
}
body:has(#despla_nav:checked) .despla_nav{
	animation: despla .3s forwards; pointer-events: auto;
}
body:has(#despla_nav:checked) .despla_nav__box{
	transform: translateX(0%); transition: transform .5s;
}
@keyframes despla{
	
	0%{
		background-color: transparent;
	}
	100%{
		background-color: rgba(0,0,0,0.50); 
	}	
}

@media screen and (min-width:550px){
.adi_top{
	display:block;
}
.text_bingo__text{
	display:block;
}
}