From 6cef45beee26fa9a1625f145a4c032e146234167 Mon Sep 17 00:00:00 2001
From: ARvind Tiwari <tiwariav@gmail.com>
Date: Fri, 4 Aug 2017 17:20:53 +0530
Subject: [PATCH 1/2] lead line break and alignment fixed

---
 .../static/datacenterlight/css/landing-page.css        | 10 ++++++++--
 .../templates/datacenterlight/whydatacenterlight.html  |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css
index 8aaddd01..0df87c51 100755
--- a/datacenterlight/static/datacenterlight/css/landing-page.css
+++ b/datacenterlight/static/datacenterlight/css/landing-page.css
@@ -45,6 +45,12 @@ h6 {
     font-weight: 400;
 }
 
+@media (min-width: 768px) {
+    .lead-right {
+        text-align: right;
+    }
+}
+
 .btn {
     box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
 }
@@ -804,7 +810,7 @@ tech-sub-sec h2 {
 	display: inline-block;
 }
 .padding-vertical{
-	padding: 30px 9px;
+	padding: 30px 2px;
 }
 
 .percent-text img {
@@ -1496,7 +1502,7 @@ a#forgotpassword {
 	}
 	.flex-row .percent-text,
 	.flex-row .desc-text {
-		max-width: 600px;
+		max-width: 710px;
 	}
 	.flex-row-rev .percent-text {
 		order: 2;
diff --git a/datacenterlight/templates/datacenterlight/whydatacenterlight.html b/datacenterlight/templates/datacenterlight/whydatacenterlight.html
index 0918ba48..f4761de6 100644
--- a/datacenterlight/templates/datacenterlight/whydatacenterlight.html
+++ b/datacenterlight/templates/datacenterlight/whydatacenterlight.html
@@ -114,7 +114,7 @@
                     <span class="space-middle"> 100% <strong>SSD</strong></span> <span class="ssdimg"><img class="img-responsive" src="{% static 'datacenterlight/img/ssd.jpg' %}" alt="SSD"></span>
                 </div>
                 <div class="desc-text padding-vertical w380">
-                    <p class="lead new-lead">{% blocktrans %} No more spinning metal plates! Data Center Light uses only SSDs. We keep things faster and lighter. {% endblocktrans %}</p>
+                    <p class="lead new-lead lead-right">{% blocktrans %} No more spinning metal plates! Data Center Light uses only SSDs. We keep things faster and lighter. {% endblocktrans %}</p>
                 </div>
             </div>
         </div>

From d93942fa0bc5cd3e1de3803b583a780893399ce8 Mon Sep 17 00:00:00 2001
From: ARvind Tiwari <tiwariav@gmail.com>
Date: Fri, 4 Aug 2017 18:32:34 +0530
Subject: [PATCH 2/2] heading sizes changed

---
 .../static/datacenterlight/css/landing-page.css          | 9 +++++++--
 .../templates/datacenterlight/whydatacenterlight.html    | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css
index 0df87c51..6c813661 100755
--- a/datacenterlight/static/datacenterlight/css/landing-page.css
+++ b/datacenterlight/static/datacenterlight/css/landing-page.css
@@ -809,6 +809,11 @@ tech-sub-sec h2 {
 	vertical-align: middle;
 	display: inline-block;
 }
+@media (max-width: 768px) {
+    .ssdimg img {
+        width: 100px;
+    }
+}
 .padding-vertical{
 	padding: 30px 2px;
 }
@@ -1360,8 +1365,8 @@ tech-sub-sec h2 {
     }
     .percent-text {
         font-family: 'Lato';
-    	font-size: 31px;
-    	/* text-align: center; */
+        font-size: 37px;
+        /* text-align: center; */
     }
     .pricing-section .card {
         width: 90%;
diff --git a/datacenterlight/templates/datacenterlight/whydatacenterlight.html b/datacenterlight/templates/datacenterlight/whydatacenterlight.html
index f4761de6..c54156b6 100644
--- a/datacenterlight/templates/datacenterlight/whydatacenterlight.html
+++ b/datacenterlight/templates/datacenterlight/whydatacenterlight.html
@@ -99,7 +99,7 @@
         <div class="space">
         <div class="container">
             <div class="tech-sub-sec">
-                <h2>{% trans "We bring the future to you." %}</h2>
+                <h3>{% trans "We bring the future to you." %}</h3>
             </div>
             <div class="flex-row flex-row-rev">
                 <div class="percent-text">