@media(max-width:900px){

.hero-content h1{

font-size:42px;

}

.nav-links{

display:none;

}

.stats{

flex-direction:column;

}

.hero-buttons{

flex-direction:column;

align-items:center;

}

}
.about{

grid-template-columns:1fr;

}

.service-grid{

grid-template-columns:1fr;

}
.leader-grid{

grid-template-columns:1fr;

}

.project-grid{

grid-template-columns:1fr;

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

    .why-grid{

        grid-template-columns:1fr;

    }

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

.contact-cards{

grid-template-columns:1fr;

}

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

.footer-container{

grid-template-columns:1fr;

text-align:center;

}

.footer-logo p{

margin:auto;

}

}