@media(max-width:900px){

.nav-container{

flex-direction:column;

height:auto;

padding:20px 0;

}

.nav-menu{

flex-wrap:wrap;

justify-content:center;

gap:20px;

margin-top:20px;

}

.hero h1{

font-size:42px;

}

.hero p{

font-size:18px;

}

.hero-buttons{

flex-direction:column;

align-items:center;

}

}
@media(max-width:900px){

.stats-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.stats-grid{

grid-template-columns:1fr;

}

}