From d3e6d0b4f1335210b6d213d00d3d3c8f45453617 Mon Sep 17 00:00:00 2001
From: Sandoche Adittane <sandoche.adittane@nl.ibm.com>
Date: Thu, 14 Jul 2016 18:12:34 +0200
Subject: [PATCH] wip page made responsive

---
 app/styles/_socialbuttons.scss | 11 +++++++++++
 app/styles/_wip.scss           | 24 ++++++++++++++++--------
 app/views/wip.html             |  4 ++--
 3 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/app/styles/_socialbuttons.scss b/app/styles/_socialbuttons.scss
index eba124e..b3b420d 100644
--- a/app/styles/_socialbuttons.scss
+++ b/app/styles/_socialbuttons.scss
@@ -4,6 +4,17 @@
 }
 
 
+@media (max-width: $screen-sm-min) {
+
+  .social-center {
+    margin: auto;
+    width: 50%;
+    padding: 10px;
+    margin-bottom: 100px;
+  }
+
+}
+
 .social {
    ul {
     overflow: auto;
diff --git a/app/styles/_wip.scss b/app/styles/_wip.scss
index 792a749..f4955e6 100644
--- a/app/styles/_wip.scss
+++ b/app/styles/_wip.scss
@@ -1,14 +1,10 @@
 .wip {
 
-		h2 {
-	      margin-bottom: 30px;
-				text-transform: uppercase;
-				font-size: 4rem;
-	    }
+			h2 {
+		      margin-bottom: 30px;
+					font-size: 3rem;
+		    }
 
-			h3 {
-				font-size: 3rem;
-			}
 
 			.text-block {
 				margin-top: 30px;
@@ -66,3 +62,15 @@
 
 
 }
+
+
+@media (max-width: $screen-sm-min) {
+
+  .wip {
+      h2 {
+        font-size: 2rem;
+      }
+
+  }
+
+}
diff --git a/app/views/wip.html b/app/views/wip.html
index ed9515a..b804f73 100644
--- a/app/views/wip.html
+++ b/app/views/wip.html
@@ -1,11 +1,11 @@
-<section class="wip center" style="background: url(images/wipBg2.png) no-repeat center fixed; background-size: cover;"> 
+<section class="wip center" style="background: url(images/wipBg2.png) no-repeat center fixed; background-size: cover;">
   <div class="container">
     <div class="row">
       <div class="col-sm-5 col-sm-offset-1 vcenter">
         <img src="images/wip.png" class="img-responsive moving-animation" alt="" />
       </div>
       <div class="col-sm-5 center-col vcenter">
-        <h3>Oh my god! {{ newBotName }} is hatching! It will grow up to be the best {{ feature }} bot!</h3>
+        <h2>Oh my god! {{ newBotName }} is hatching! It will grow up to be the best {{ feature }} bot!</h2>
 
         <div class="text-block">
           <p class="text">We build bots with <i class="fa fa-heart love" aria-hidden="true"></i><br><a class="cursor-link" onclick="showDoorbellModal()">Contact us</a> if you need a bot for your company :)</p>