@media(max-width:768px){


.hero{

height:550px;

}



.hero-content h1{

font-size:36px;

}



.hero-content h2{

font-size:22px;

}



.hero-content p{

font-size:16px;

}



.page-banner h1{

font-size:36px;

}




.section{

padding:50px 15px;

}



.counter-item{

margin-bottom:30px;

}




.service-card{

margin-bottom:20px;

}




.architecture{

flex-direction:column;

}



.contact-form{

margin-top:30px;

}


}