@media(max-width:768px){

section{

padding:70px 20px;

}

}

@media(max-width:900px){


.hero{

grid-template-columns:1fr;

text-align:center;

}



.hero h1{

font-size:45px;

}



.about-grid{

grid-template-columns:1fr;

}



.cards{

grid-template-columns:1fr;

}



.info-box{

flex-direction:column;

}


nav{

display:none;

}


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

.projects{

grid-template-columns:1fr;

}


.filters{

flex-wrap:wrap;

}


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


.review-grid,
.blog-grid{

grid-template-columns:1fr;

}


.timeline-item{

flex-direction:column;

}


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


.contact-grid{

grid-template-columns:1fr;

}


.footer-grid{

grid-template-columns:1fr;

}


.cookie{

flex-direction:column;

gap:20px;

text-align:center;

}

}