diff --git a/dist/css/main.css b/dist/css/main.css
index c9fdeee..d53fd28 100644
--- a/dist/css/main.css
+++ b/dist/css/main.css
@@ -53,6 +53,12 @@ body {
 .padding_top_14 {
   padding-top: 14rem; }
 
+.vh_60 {
+  height: 60vh; }
+
+.vh-77 {
+  height: 77vh; }
+
 .vh-85 {
   height: 85vh; }
 
diff --git a/dist/html/pages/laptopmulti.html b/dist/html/pages/laptopmulti.html
index 294c46e..b6cb782 100644
--- a/dist/html/pages/laptopmulti.html
+++ b/dist/html/pages/laptopmulti.html
@@ -14,12 +14,12 @@
 <body>
 
     <header class=" bg-green">
-    
-            <!-- navbar -->
-            <div id="navbar-head"></div>
-            <!-- end-navbar -->
-    
-        <div class="container vh-85 text-white ">
+
+        <!-- navbar -->
+        <div id="navbar-head"></div>
+        <!-- end-navbar -->
+
+        <div class="container vh-77 text-white ">
             <div class="row h-100">
                 <div class="col-sm-4 padding_top_14 ">
                     <h1 class="banner_heading_4">Anwi XCreate</h1>
@@ -66,19 +66,19 @@
 
     </header>
     <section class="productOverview container">
-       <div class=" d-flex align-items-center container justify-content-between">
-        <div>Overview</div>
-        <div>The Laptop of tomorrow with
-            4K OLED Dual Screen for Creative Multitasking</div>
+        <div class=" d-flex align-items-center container justify-content-between">
+            <div>Overview</div>
+            <div>The Laptop of tomorrow with
+                4K OLED Dual Screen for Creative Multitasking</div>
             <div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
                 invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit
                 amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div>
-       </div>
+        </div>
     </section>
 
-       <!-- footer -->
-       <div id="footer-head"></div>
-       <!-- end-footer -->
+    <!-- footer -->
+    <div id="footer-head"></div>
+    <!-- end-footer -->
 
     <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
     <script src="../../js/jquery.min.js"></script>
@@ -87,4 +87,4 @@
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/scss/base/_utilities.scss b/scss/base/_utilities.scss
index 102afb6..3eeeb4b 100644
--- a/scss/base/_utilities.scss
+++ b/scss/base/_utilities.scss
@@ -33,6 +33,14 @@
 
 // heights
 
+.vh_60{
+  height: 60vh;
+}
+
+.vh-77{
+  height: 77vh;
+}
+
 .vh-85 {
   height: 85vh;
 }
