diff --git a/css/style.css b/css/style.css
index 1c38597..e2ebac7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -10990,4 +10990,21 @@ textarea.form-control {
     height: 100%;
     background: linear-gradient(90deg, rgba(0, 43, 73, 0.8) 0%, rgba(0, 43, 73, 0.2) 100%);
     z-index: 1;
+}
+
+
+@media only screen and (max-width: 768px) {
+  .button-container {
+    display: flex;
+    flex-direction: column; /* Stacks buttons vertically */
+    gap: 15px;             /* Creates uniform space between buttons */
+    align-items: center;    /* Centers them horizontally */
+    height: auto;           /* Ensures the container grows to fit them */
+  }
+
+  .button-container a, 
+  .button-container button {
+    width: 100%;           /* Optional: makes buttons full-width on mobile */
+    max-width: 300px;      /* Keeps them from getting too wide */
+  }
 }
\ No newline at end of file
diff --git a/new-build-loft-boarding.php b/new-build-loft-boarding.php
index fd83493..13c2e17 100644
--- a/new-build-loft-boarding.php
+++ b/new-build-loft-boarding.php
@@ -33,7 +33,7 @@ include_once $URLcorrection . 'includes/header.php';
 <section class="padding-top-50 padding-bottom-50">
     <div class="container">
         <div class="row justify-content-center">
-            <h2 class="stand-out-text">We specialise in creating storage in new build lofts with our very own LOFT-E®</h2>
+            <h2 class="stand-out-text text-center">We specialise in creating storage in new build lofts with our very own LOFT-E®</h2>
         </div>
         <div class="row justify-content-center">
             <div class="col-lg-5">
@@ -169,7 +169,7 @@ include_once $URLcorrection . 'includes/header.php';
         </div>
         <div class="row justify-content-center">
             <div class="col-lg-8 col-md-12">
-                <h3 class="stand-out-text mb-4">Will Professional Loft Boarding Void My NHBC Warranty?</h3>
+                <h3 class="stand-out-text mb-4 text-center">Will Professional Loft Boarding Void My NHBC Warranty?</h3>
 
                 <div style="background: #27ae60; padding: 25px; border-radius: 15px; margin-bottom: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.2);">
                     <h4 style="color: white; margin: 0; font-weight: bold;">
@@ -265,10 +265,10 @@ include_once $URLcorrection . 'includes/header.php';
                 </div>
 
                 <div class="mt-4 mb-4">
-                    <a href="<?= $URLcorrection ?>contact" class="customer-quote-button btn-lg mr-3" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; box-shadow: 0 5px 15px rgba(0,0,0,0.3);">
+                    <a href="<?= $URLcorrection ?>contact" class="customer-quote-button btn-lg mr-3 button-container" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; box-shadow: 0 5px 15px rgba(0,0,0,0.3);">
                         <i class="fas fa-calculator"></i> Get Free Survey & Quote
                     </a>
-                    <a href="https://loft-e.com/" target="_blank" class="btn btn-outline-light btn-lg" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; border: 2px solid white;">
+                    <a href="https://loft-e.com/" target="_blank" class="btn btn-outline-light btn-lg mr-3 button-container" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; border: 2px solid white;">
                         <i class="fas fa-file-alt"></i> Learn More About LOFT-E®
                     </a>
                 </div>