@media all {
    /* override */
    #hero .hero_box { width:70%; } 
        
    /* ei_intro */
    #ei_intro h2 { margin:var(--spacing-0) auto var(--spacing-2L) auto; width:80%; text-align:center; }
    #ei_intro ul.service_list { gap:var(--spacing-3L); }
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

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

@media (max-width:800px) {

}

@media (max-width:600px) {
    #ei_intro ul.service_list { grid-template-columns:1fr; gap:var(--spacing-1L); }
}