diff --git a/v8index.htm b/v8index.htm
index 18ddf1a..0b227df 100644
--- a/v8index.htm
+++ b/v8index.htm
@@ -166,8 +166,35 @@
 
         <main>
             <div>
+                <div class="col-12">
+                    <h1 class="display-4 fw-bold lh-1 mb-3">Service</h1>
+                </div>
                 <div id="service" class="container col-xxl-8 px-4 py-5">
-                    <h1 class="display-5 fw-bold lh-1 mb-3">Service</h1>
+                    <div
+                        class="row flex-lg-row-reverse align-items-center g-5 py-5"
+                    >
+                       
+                        <div class="col-10 col-sm-8 col-lg-6">
+                            <img
+                                src="/r/image/ss-overview.png"
+                                class="d-block mx-lg-auto img-fluid"
+                                alt="Bootstrap Themes"
+                                width="700"
+                                height="500"
+                                loading="lazy"
+                            />
+                        </div>
+                        <div class="col-lg-6">
+                            <h2 class="display-6 fw-bold lh-1 mb-3">
+                                Scheduling
+                            </h2>
+                            <p>
+                                Here is a blurb about scheduling. Perhaps even
+                                an image need some lorem text here
+                            </p>
+                        </div>
+                    </div>
+
                     <div
                         class="row flex-lg-row-reverse align-items-center g-5 py-5"
                     >
@@ -182,39 +209,17 @@
                             />
                         </div>
                         <div class="col-lg-6">
-                            
-                            <h4>Scheduling</h4>
-                            <p>Here is a blurb about scheduling.  Perhaps even an image need some lorem text here</p>
-                            
-
-                           
+                            <h2 class="display-6 fw-bold lh-1 mb-3">
+                                Work orders
+                            </h2>
+                            <p>
+                                Here is a blurb about wo. Perhaps even an image
+                                need some lorem text here
+                            </p>
                         </div>
                     </div>
-
-                    <div
-                    class="row flex-lg-row-reverse align-items-center g-5 py-5"
-                >
-                    <div class="col-10 col-sm-8 col-lg-6">
-                        <img
-                            src="/r/image/ss-overview.png"
-                            class="d-block mx-lg-auto img-fluid"
-                            alt="Bootstrap Themes"
-                            width="700"
-                            height="500"
-                            loading="lazy"
-                        />
-                    </div>
-                    <div class="col-lg-6">
-                        <h1 class="display-5 fw-bold lh-1 mb-3">Service</h1>
-                        <h4>Work orders</h4>
-                        <p>Here is a blurb about wo.  Perhaps even an image need some lorem text here</p>
-                        
-
-                       
-                    </div>
                 </div>
-                </div>
-               
+
                 <!-- <div id="service2" class="px-4 pt-5 my-5 text-center border-bottom">
                     
                     <h3 class="display-5 fw-bold">Work orders</h3>