From d792c22e4e3ced3c3b5980c008c5c1ad5c3590da Mon Sep 17 00:00:00 2001
From: "M.Ravi" <mondi.ravi@gmail.com>
Date: Sun, 11 Jun 2017 16:28:11 +0530
Subject: [PATCH] Created landing page style price-calc-section-landing which
 is same as price-calc-section except for padding (we don't need it in the
 landing page)

---
 .../datacenterlight/css/landing-page.css      | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css
index cff8063a..e7bac28f 100755
--- a/datacenterlight/static/datacenterlight/css/landing-page.css
+++ b/datacenterlight/static/datacenterlight/css/landing-page.css
@@ -577,6 +577,12 @@ h6 {
     background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat;
     display: flex;
 }
+.price-calc-section-landing{
+    /*padding: 80px 40px !important;*/
+    background: -webkit-linear-gradient(top, #f0f4f7, #fff) no-repeat;
+    background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat;
+    display: flex;
+}
 .price-calc-section .text{
    width: 50%;
 }
@@ -616,6 +622,18 @@ h6 {
     max-width: 400px;
     position: relative;
 }
+.price-calc-section-landing .card{
+    /*width: 50%;*/
+    margin: 0 auto;
+    background: #fff;
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+    padding-bottom: 40px;
+    border-radius: 7px;
+    text-align: center;
+    /* margin-right: auto; */
+    max-width: 400px;
+    position: relative;
+}
 .price-calc-section .card .img-beta{
     position: absolute;
     top: 5px;
@@ -844,6 +862,10 @@ h6 {
         flex-direction: column;
         padding: 60px 10px !important;
     }
+    .price-calc-section-landing{
+        flex-direction: column;
+        /*padding: 60px 10px !important;*/
+    }
     .price-calc-section .card {
         width: 90%;
     }