From cd1e1eece607c9c871665b82d9356209d353220d Mon Sep 17 00:00:00 2001
From: Soumyaranjan Panda
 <84384924+soumyaranjan-panda@users.noreply.github.com>
Date: Sun, 13 Oct 2024 04:13:48 +0530
Subject: [PATCH] Updated Sugar Stories Layout (#464)

---
 css/airspace.css   |  1 +
 sugar-stories.html | 14 +++++++-------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/css/airspace.css b/css/airspace.css
index 7273f658..aa49f350 100755
--- a/css/airspace.css
+++ b/css/airspace.css
@@ -1412,6 +1412,7 @@ px      68    160    252    */
 .cta{
   padding-top:80px !important;
   padding-bottom:0px !important;
+  margin-top: 80px;
   margin-bottom: 0px !important;
 }
 .test{
diff --git a/sugar-stories.html b/sugar-stories.html
index b54b6291..7b65d5a5 100755
--- a/sugar-stories.html
+++ b/sugar-stories.html
@@ -6,12 +6,12 @@
 
 <!-- Title section -->
 <section id="call-to-action" class="cta">
-  <div class="container customPadding1">
+  <div class="container">
     <div class="row">
-      <div class="col-md-6" >
-        <h2 class="leftAlign"><b>SUGAR STORIES</b></h2>
+      <div class="col-md-12" >
+        <h1 class="center"><b>SUGAR STORIES</b></h1>
           </br>
-          <p class="customParagraphStyle3">Welcome to the Sugar stories site. Here you will find all the stories related to Sugar.</p>
+          <p class="center">Welcome to the Sugar stories site. Here you will find all the stories related to Sugar.</p>
       </div>
     </div>
   </div>
@@ -19,7 +19,7 @@ <h2 class="leftAlign"><b>SUGAR STORIES</b></h2>
 
 <!-- Navigation buttons -->
 <section id="exTab3" >
-    <div class="container customPadding1">
+    <div class="container">
         <ul  class="nav nav-pills" >
             <li><a  href="#1h" class="btn btn-custom bt hrefCustomColor2"><span class="customSpanColor">Story 1</span></a>
             </li>
@@ -31,9 +31,9 @@ <h2 class="leftAlign"><b>SUGAR STORIES</b></h2>
 
 <!-- "Sugar Stories" section -->
 <section id="testimonial" class="test">
-    <div class="container customPadding1"> 
+    <div class="container"> 
         <div class="row">      
-            <div class="col-md-8" >
+            <div class="col-md-12" >
                 <span class="anchor1" id="1h"></span>
                 <h3>Story 1: The connection between Sugar - Students - Teachers</h3>
                 <hr>