/* --- RESPONSIVE --- */

@media (max-width: 768px) {
    .hero-content h1 {
    	font-size: 30px;
    }
    .hero-image img {
        margin-top: 30px;
    }
.hero {
    padding: 20px 10px 60px;
}
.navbar {
    padding: 20px 20px;
}
.logos img {
    margin: 10px 20px;
}
.about-section {
    padding: 80px 0 30px;
}
.service-card {
    padding: 20px;
}
.service-icon {
    width: 310px;
    height: 120px;
}
.service-icon img {
    width: 50px;
}
.process-section {
    padding: 80px 0 30px;
}
.step-title {
    font-size: 22px;
}
.process-section h2 {
    font-size: 20px;
}
.service-text {
    line-height: 1.5;
}






}
@media (min-width: 768px) and (max-width: 1024px) {
    .hero-content h1 {
    	font-size: 30px;
    }
.service-title {
    font-size: 22px;
}



}
@media (min-width: 820px) and (max-width: 1180px) {
   
}
@media (min-width: 1279px) and (max-width: 1367px) {
   
}