@media(max-width:900px){


.header-container{

flex-direction:column;

height:auto;

padding:20px 0;

}



.site-header{

height:auto;

}



.main-navigation ul{

flex-wrap:wrap;

gap:15px;

justify-content:center;

}



.header-tel{

display:none;

}



.service-grid,
.project-grid{

grid-template-columns:1fr;

}



.footer-container{

flex-direction:column;

text-align:center;

gap:20px;

}



.footer-copy{

text-align:center;

}



.banner-content h1{

font-size:36px;

}



}