From 6f6277cc49b797e39780833c2caeae224d58d85e Mon Sep 17 00:00:00 2001
From: Henry Bravo <henry.bravo89@gmail.com>
Date: Tue, 6 Jun 2017 10:36:47 -0500
Subject: [PATCH] Mobile styles to calculator card

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

diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css
index 2452e993..b0f3fc08 100755
--- a/datacenterlight/static/datacenterlight/css/landing-page.css
+++ b/datacenterlight/static/datacenterlight/css/landing-page.css
@@ -768,6 +768,42 @@ h6 {
     .intro-pricing .intro-message .section-heading {
         font-size: 30px;
     }
+
+    .price-calc-section{
+        flex-direction: column;
+        padding: 60px 10px !important;
+    }
+    .price-calc-section .card {
+        width: 90%;
+    }
+    .price-calc-section .text {
+        width: 80%;
+        text-align: center;
+        margin: 0 auto;
+        margin-top: 20px;
+    }
+    .price-calc-section .text .section-heading {
+        font-family: 'Lato-Black';
+        font-size: 35px;
+        line-height: 35px;
+        padding-bottom: 15px;
+        text-align: center;
+    }
+    .price-calc-section .text .section-heading::before {
+        left: 50%;
+        transform: translate(-50%, 0);
+    }
+    .price-calc-section .text .description {
+        font-size: 18px;
+        text-align: center;
+    }
+
+    .price-calc-section .card .description input {
+        font-size: 17px;
+        text-align: center;
+        width: 60px;
+    }
+
     
 }
 
@@ -785,6 +821,14 @@ h6 {
     .intro-message > h1 {
         font-size: 2em;
     }
+     .price-calc-section .text .section-heading {
+        font-size: 24px;
+        line-height: 25px;
+    }
+    .price-calc-section .card .description span {
+        font-size: 15px;
+        margin-left: 0px;
+    }
 
 }