From e7595536faf49aab5bdf56c5865443658f962ccc Mon Sep 17 00:00:00 2001
From: "stephen@cubedesigners.com"
 <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Wed, 31 Aug 2016 09:33:02 +0000
Subject: [PATCH] Fix #636 @2

---
 framework/application/configs/application.ini |  1 +
 less/002-common.less                          |  7 ++-
 less/102-intro.less                           | 23 +++++++---
 less/310-contact.less                         | 44 ++++++++++++-------
 4 files changed, 52 insertions(+), 23 deletions(-)

diff --git a/framework/application/configs/application.ini b/framework/application/configs/application.ini
index d0a0eb8..0b7edce 100644
--- a/framework/application/configs/application.ini
+++ b/framework/application/configs/application.ini
@@ -69,6 +69,7 @@ httpauth.username = fluidbook
 httpauth.password = fb2016
 httpauth.ip_whitelist[] = 88.190.245.49
 httpauth.ip_whitelist[] = 82.216.164.184
+httpauth.ip_whitelist[] = 78.193.201.107
 
 robots = false
 
diff --git a/less/002-common.less b/less/002-common.less
index 3d5366e..35046d8 100644
--- a/less/002-common.less
+++ b/less/002-common.less
@@ -31,7 +31,7 @@ body {
 	}
 
 	@media @m900 {
-		font-size: 12px;
+		font-size: 14px;
 	}
 }
 
@@ -64,6 +64,7 @@ h1, h2 {
 		@media @m900 {
 			text-align: center;
 			font-size: 30px;
+			padding-top: 10px;
 		}
 
 		br {
@@ -122,6 +123,10 @@ a {
 	}
 
 	.grid {
+		//position: absolute;
+		//top: 50%;
+		//transform: translateY(-50%);
+		//width: 100%;
 		position: relative;
 		z-index: 1;
 	}
diff --git a/less/102-intro.less b/less/102-intro.less
index 2ba80ee..7168496 100644
--- a/less/102-intro.less
+++ b/less/102-intro.less
@@ -6,7 +6,8 @@
 	.content-wrapper {
 		background-size: 100% auto;
 		background-position: 100% 100%;
-		padding-top: 152px; // Minimum clearance and top for fixed menu
+		//padding-top: 152px; // Minimum clearance and top for fixed menu
+		padding-top: 200px;
 
 		@media @m1280 {
 			padding-top: 120px;
@@ -17,6 +18,14 @@
 			background-size: 180% auto; // This value needs to be synced with 410-features.js for resizeVideoLink()
 			padding-top: 100px;
 			text-align: center;
+
+			.title {
+				padding-top: 1em;
+			}
+
+			.dotclear {
+				text-align: left;
+			}
 		}
 
 		@media @m768 {
@@ -26,14 +35,18 @@
 
 	blockquote {
 		background-color: #f3f3f3;
-		padding: 60px 0;
-		color: #343c44;
+		padding: 2.678555em 0;
+		color: #66727a;
 		font-family: @opensans;
-		font-weight: 300;
-		font-size: 1.6em;
+		font-weight: 400;
+		font-size: 1.4em;
 		text-align: center;
 		line-height: 1.6;
 
+		@media @m900 {
+			font-size: 1.1em;
+		}
+
 		div {
 			width: 60%;
 			min-width: 980px;
diff --git a/less/310-contact.less b/less/310-contact.less
index 77f9e89..6bba9b3 100644
--- a/less/310-contact.less
+++ b/less/310-contact.less
@@ -10,29 +10,39 @@
     text-transform: uppercase;
     margin-bottom: 10px;
   }
-}
 
-.contact-intro {
-  background-repeat: no-repeat;
-  background-position: bottom right;
-  background-size: 100%;
+  .contact-intro {
+    background-repeat: no-repeat;
+    background-position: bottom right;
+    background-size: 100%;
 
-  // Vertically centre content
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
+    // Vertically centre content
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
 
-  .dotclear {
-    position: relative;
-    .divider();
-  }
+    .content-wrapper {
+
+      .dotclear {
+        position: relative;
+        .divider();
+
+        @media @m900 {
+          text-align: center;
+        }
+      }
+
+    }
 
-  address {
-    font-style: normal;
 
-    a {
-      text-decoration: none;
+    address {
+      font-style: normal;
+
+      a {
+        text-decoration: none;
+      }
     }
+
   }
 
 }
-- 
2.39.5