@media(max-width:1000px){

nav{
display:none;
}

.hero h1{
font-size:48px;
}

.hero p{
font-size:18px;
}

.hero-buttons{
flex-direction:column;
align-items:center;
}

}

@media(max-width:600px){

.logo{
font-size:24px;
}

.hero h1{
font-size:36px;
}

.hero p{
font-size:16px;
}

.small-title{
font-size:12px;
}

.quote-btn{
display:none;
}

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

.about .container{

grid-template-columns:1fr;

}

.about h2{

font-size:38px;

}

.about{

padding:80px 0;

}

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

.stats .container{

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

}

}

@media(max-width:600px){

.stats .container{

grid-template-columns:1fr;

}

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

.services-grid{

grid-template-columns:1fr;

}

.services h2{

font-size:38px;

}

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

.featured-project .container{

grid-template-columns:1fr;

}

.project-content h2{

font-size:40px;

}

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

.why-grid{

grid-template-columns:1fr;

}

.why-us h2{

font-size:40px;

}

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

.testimonial-grid{

grid-template-columns:1fr;

}

.testimonials h2{

font-size:40px;

}

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

.process-grid{

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

}

}

@media(max-width:700px){

.process-grid{

grid-template-columns:1fr;

}

.process h2{

font-size:40px;

}

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

.gallery-grid{

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

grid-auto-rows:240px;

}

.gallery-item{

grid-column:span 1 !important;

grid-row:span 1 !important;

}

}


@media(max-width:700px){

.gallery-grid{

grid-template-columns:1fr;

}

.gallery h2{

font-size:40px;

}

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

.cta{

padding:110px 25px;

background-attachment:scroll;

}

.cta h2{

font-size:42px;

}

.cta p{

font-size:17px;

}

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

.partnership-grid{

grid-template-columns:1fr;

gap:50px;

}

.partnership-content h2{

font-size:40px;

text-align:center;

}

.partnership-content{

text-align:center;

}

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

.areas-grid{

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

}

}

@media(max-width:600px){

.areas-grid{

grid-template-columns:1fr;

}

.areas h2{

font-size:40px;

}

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

.faq{

padding:100px 20px;

}

.faq h2{

font-size:40px;

}

.faq-item{

padding:25px;

}

.faq-item h3{

font-size:20px;

}

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

.contact-grid{

grid-template-columns:1fr;

}

.contact h2{

font-size:40px;

}

.contact-info,
.contact-form{

padding:30px;

}

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

.footer-grid{

grid-template-columns:1fr;

text-align:center;

gap:40px;

}

}