.mobile-menu-btn{
display:none;
}

@media(max-width:768px){

.mobile-menu-btn{

display:block;

font-size:28px;

border:none;

background:none;

}

nav{

display:none;

position:absolute;

top:72px;

left:0;

right:0;

padding:20px;

background:white;

flex-direction:column;

}

nav.active{

display:flex;

}

.hero h1{

font-size:2.5rem;

}

.footer-grid{

grid-template-columns:1fr;

}



.eco-wrapper{

height:auto;

display:grid;

grid-template-columns:1fr;

gap:30px;

}



.eco-center,

.eco-card{

position:static;

transform:none;

width:auto;

}


.creation-grid{

display:flex;

overflow-x:auto;

scroll-snap-type:x mandatory;

gap:20px;

padding-bottom:20px;

}



.creation-card{

min-width:280px;

scroll-snap-align:center;

}


.footer-grid{

grid-template-columns:1fr;

text-align:center;

gap:40px;

}

.corner-status{
		width:120px;
		height:120px;
	}

	.corner-status span{
		min-width:200px;
		right:-55px;
		font-size:.65rem;
	}


}