@media (max-width:768px) {

.hero {

 padding-top:120px;

}

.hero h1 {

 font-size:3rem;

}

.btn {

 width:100%;

}

.hero-actions {

 display:flex;
 flex-direction:column;
 gap:16px;

}

.service-grid {

 grid-template-columns:1fr;

}

.gallery {

 grid-template-columns:1fr;

}

.timeline {

 flex-direction:column;

}

.section {

 padding:80px 24px;

}

}