From 62608749e1dd3f850b3481507e15322c9490fcdb Mon Sep 17 00:00:00 2001
From: Takuya N <tnir@users.noreply.github.com>
Date: Sat, 17 Nov 2018 04:21:09 +0900
Subject: [PATCH] Fix customized CSS for case study (#10531)

Signed-off-by: Takuya Noguchi <takninnovationresearch@gmail.com>
---
 static/css/style_amadeus.css    | 36 ++++-------------------
 static/css/style_ancestry.css   | 38 ++++--------------------
 static/css/style_blablacar.css  | 36 ++++-------------------
 static/css/style_blackrock.css  | 31 +++-----------------
 static/css/style_box.css        | 48 ++++++------------------------
 static/css/style_buffer.css     | 46 +++++------------------------
 static/css/style_crowdfire.css  | 45 +++++++---------------------
 static/css/style_golfnow.css    | 52 +++++++--------------------------
 static/css/style_haufegroup.css | 37 +++++------------------
 static/css/style_huawei.css     | 43 +++++++--------------------
 static/css/style_peardeck.css   | 52 +++++++--------------------------
 static/css/style_wink.css       | 51 +++++++-------------------------
 static/css/style_zalando.css    | 36 ++++-------------------
 13 files changed, 101 insertions(+), 450 deletions(-)

diff --git a/static/css/style_amadeus.css b/static/css/style_amadeus.css
index 7a91c4f692..2e64000832 100644
--- a/static/css/style_amadeus.css
+++ b/static/css/style_amadeus.css
@@ -65,7 +65,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:repeat;
@@ -83,7 +82,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_amadeus_banner3.jpg');
   background-size:100% auto;
 }
@@ -97,7 +95,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_amadeus_banner4.jpg');
   background-size:100% auto;
 }
@@ -111,7 +108,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:35px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -122,9 +118,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:70%;
-  padding-left:15%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -132,8 +127,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:75%;
-  padding-left:13%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -141,8 +136,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:17%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -150,9 +145,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:68%;
-  padding-left:16%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -188,14 +182,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-  width: 42%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:100;
   color:#606060;
@@ -206,10 +197,8 @@ hr {
 }
 
 .col2 {
-  width: 45%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -225,7 +214,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -239,8 +227,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
-
 }
 
 h4 {
@@ -293,9 +279,6 @@ h1 {
 }
 
 .col1 {
-  width: 95%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -305,12 +288,10 @@ h1 {
 }
 
 .col2 {
-  width: 95%;
   padding-top:2%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -339,7 +320,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -353,8 +333,7 @@ h1 {
   font-size:16px;
   letter-spacing:0.03em;
   line-height:23px;
-  width:90%;
-  float:left;
+  width:100%;
   background: url('/images/CaseStudy_amadeus_banner3.jpg');
 }
 
@@ -368,7 +347,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_amadeus_banner4.jpg');
 }
 
@@ -382,7 +360,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:23px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -395,7 +372,6 @@ h1 {
   padding-left:5%;
   padding-bottom:1%;
   padding-top:1%;
-  float:left;
   text-align:center;
   color:#ffffff;
 }
diff --git a/static/css/style_ancestry.css b/static/css/style_ancestry.css
index 03abb4e7e7..844e232002 100644
--- a/static/css/style_ancestry.css
+++ b/static/css/style_ancestry.css
@@ -57,7 +57,6 @@ h1 {
   font-size:19px;
   letter-spacing:0.03em;
   line-height:28px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -75,7 +74,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_ancestry_banner3.jpg');
   background-size:100% auto;
 }
@@ -89,7 +87,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_ancestry_banner4.jpg');
   background-size:100% auto;
 }
@@ -103,7 +100,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -114,9 +110,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:17%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -124,8 +119,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:70%;
-  padding-left:15%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -133,8 +128,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:70%;
-  padding-left:15%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -142,9 +137,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:16%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -180,15 +174,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-  width: 40%;
-  padding-left:5%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:100;
   color:#606060;
@@ -199,10 +189,8 @@ hr {
 }
 
 .col2 {
-  width: 40%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -218,7 +206,6 @@ hr {
   margin-bottom:6%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -232,8 +219,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
-
 }
 
 h4 {
@@ -280,10 +265,6 @@ h1 {
 }
 
 .col1 {
-  width: 90%;
-  padding-left:5%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -293,13 +274,10 @@ h1 {
 }
 
 .col2 {
-  width: 90%;
-  padding-left:5%;
   padding-top:5%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -329,7 +307,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -344,7 +321,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('CaseStudy_ancestry_banner3.jpg');
 }
 
@@ -358,7 +334,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('CaseStudy_ancestry_banner4.jpg');
 }
 
@@ -372,7 +347,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -383,7 +357,6 @@ h1 {
   color:#ffffff;
   width:80%;
   padding-left:10%;
-  float:left;
   text-align:center;
   color:#ffffff;
 }
@@ -416,7 +389,6 @@ h1 {
   color:#ffffff;
   width:80%;
   padding-left:10%;
-  float:left;
   text-align:center;
   color:#ffffff;
 }
diff --git a/static/css/style_blablacar.css b/static/css/style_blablacar.css
index 4956644e33..e0ed7c3d67 100755
--- a/static/css/style_blablacar.css
+++ b/static/css/style_blablacar.css
@@ -64,7 +64,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background-color:#666666;
   background-repeat:repeat;
   position: relative;
@@ -82,7 +81,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_blablacar_banner3.jpg');
   background-size:100% auto;
 }
@@ -96,7 +94,6 @@ h1 {
   font-size:25px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_blablacar_banner4.jpg');
   background-size:100% auto;
 }
@@ -110,7 +107,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -121,9 +117,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:18%;
-  float:left;
   text-align:center;
+  margin:0 auto;
   z-index: 1;
   padding-top: 2%;
 }
@@ -133,8 +128,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:75%;
-  padding-left:13%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -142,8 +137,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:17%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -151,9 +146,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:68%;
-  padding-left:16%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -189,14 +183,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-  width: 45%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:100;
   color:#606060;
@@ -207,10 +198,8 @@ hr {
 }
 
 .col2 {
-  width: 38%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -226,7 +215,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -240,8 +228,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
-
 }
 
 h4 {
@@ -294,9 +280,6 @@ h1 {
 }
 
 .col1 {
-  width: 95%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -306,12 +289,10 @@ h1 {
 }
 
 .col2 {
-  width: 95%;
   padding-top:2%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -340,7 +321,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -354,8 +334,7 @@ h1 {
   font-size:16px;
   letter-spacing:0.03em;
   line-height:23px;
-  width:90%;
-  float:left;
+  width:100%;
   background: url('/images/CaseStudy_blablacar_banner3.jpg');
 }
 
@@ -369,7 +348,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_blablacar_banner4.jpg');
 }
 
@@ -383,7 +361,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:23px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -396,7 +373,6 @@ h1 {
   padding-left:5%;
   padding-bottom:1%;
   padding-top:1%;
-  float:left;
   text-align:center;
   color:#ffffff;
 }
diff --git a/static/css/style_blackrock.css b/static/css/style_blackrock.css
index f93c971ccd..0d5d988f71 100644
--- a/static/css/style_blackrock.css
+++ b/static/css/style_blackrock.css
@@ -65,7 +65,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:repeat;
@@ -83,7 +82,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_blackrock_banner3.jpg');
   background-size:100% auto;
 }
@@ -97,7 +95,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_blackrock_banner4.jpg');
   background-size:100% auto;
 }
@@ -111,7 +108,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:35px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -122,9 +118,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:18%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -150,9 +145,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:68%;
-  padding-left:16%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -188,14 +182,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-  width: 42%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:100;
   color:#606060;
@@ -206,10 +197,8 @@ hr {
 }
 
 .col2 {
-  width: 45%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -225,7 +214,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -239,7 +227,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
 
 }
 
@@ -293,9 +280,6 @@ h1 {
 }
 
 .col1 {
-  width: 95%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -305,12 +289,10 @@ h1 {
 }
 
 .col2 {
-  width: 95%;
   padding-top:2%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -339,7 +321,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -353,8 +334,7 @@ h1 {
   font-size:16px;
   letter-spacing:0.03em;
   line-height:23px;
-  width:90%;
-  float:left;
+  width:100%;
   background: url('/images/CaseStudy_blackrock_banner3.jpg');
 }
 
@@ -368,7 +348,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_blackrock_banner4.jpg');
 }
 
@@ -382,7 +361,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:23px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -395,7 +373,6 @@ h1 {
   padding-left:5%;
   padding-bottom:1%;
   padding-top:1%;
-  float:left;
   text-align:center;
   color:#ffffff;
 }
diff --git a/static/css/style_box.css b/static/css/style_box.css
index 56e0be4126..594a94a30d 100644
--- a/static/css/style_box.css
+++ b/static/css/style_box.css
@@ -62,7 +62,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -78,7 +77,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_box_banner3.jpg');
   background-size:100% auto;
 }
@@ -92,7 +90,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_box_banner4.jpg');
   background-size:100% auto;
 }
@@ -106,7 +103,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -117,9 +113,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:60%;
-  padding-left:19%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -127,8 +122,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:55%;
-  padding-left:21%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -136,8 +131,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:55%;
-  padding-left:21%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -145,9 +140,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:60%;
-  padding-left:19%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -184,16 +178,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-
-width: 38%;
-padding-left:5%;
-padding-right:8%;
-float:left;
 font-family:"Roboto", sans-serif;
 font-weight:100;
 color:#606060;
@@ -204,11 +193,8 @@ font-size:14px;
 }
 
 .col2 {
-
-width: 44%;
 font-family:"Roboto", sans-serif;
 font-weight:300;
-float:left;
 line-height:20px;
 color:#606060;
   letter-spacing:0.03em;
@@ -226,7 +212,6 @@ font-size:14px;
   margin-bottom:6%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -240,8 +225,6 @@ font-size:14px;
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
-
 }
 
 h4 {
@@ -288,10 +271,6 @@ h1 {
 }
 
 .col1 {
-  width: 100%;
-  padding-left:5%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -301,13 +280,10 @@ h1 {
 }
 
 .col2 {
-  width: 100%;
-  padding-left:5%;
   padding-top:5%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -337,7 +313,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -352,7 +327,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_box_banner3.jpg');
 }
 
@@ -366,7 +340,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_box_banner4.jpg');
 }
 
@@ -381,7 +354,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -391,9 +363,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
-  float:left;
   text-align:center;
+  margin:0 auto;
   color:#ffffff;
 }
 
@@ -402,8 +373,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -411,8 +382,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -420,9 +391,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
-  float:left;
   text-align:center;
+  margin:0 auto;
   color:#ffffff;
 }
 
diff --git a/static/css/style_buffer.css b/static/css/style_buffer.css
index af0fa5214c..7a5eb51914 100755
--- a/static/css/style_buffer.css
+++ b/static/css/style_buffer.css
@@ -61,7 +61,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -79,7 +78,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_buffer_banner1.jpg');
   background-size:100% auto;
 }
@@ -93,7 +91,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_buffer_banner4.jpg');
   background-size:100% auto;
 }
@@ -107,7 +104,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -118,9 +114,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:60%;
-  padding-left:19%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -128,8 +123,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:70%;
-  padding-left:15%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -137,8 +132,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:55%;
-  padding-left:21%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -146,9 +141,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:60%;
-  padding-left:19%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -185,16 +179,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-
-width: 38%;
-padding-left:5%;
-padding-right:8%;
-float:left;
 font-family:"Roboto", sans-serif;
 font-weight:100;
 color:#606060;
@@ -205,11 +194,8 @@ font-size:14px;
 }
 
 .col2 {
-
-width: 44%;
 font-family:"Roboto", sans-serif;
 font-weight:300;
-float:left;
 line-height:20px;
 color:#606060;
   letter-spacing:0.03em;
@@ -227,7 +213,6 @@ font-size:14px;
   margin-bottom:6%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -241,8 +226,6 @@ font-size:14px;
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
-
 }
 
 h4 {
@@ -289,10 +272,6 @@ h1 {
 }
 
 .col1 {
-  width: 100%;
-  padding-left:5%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -302,13 +281,10 @@ h1 {
 }
 
 .col2 {
-  width: 100%;
-  padding-left:5%;
   padding-top:5%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -338,7 +314,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -355,8 +330,7 @@ h1 {
   width:80%;
   padding-left:15%;
   padding-right:10%;
-  float:left;
-  background: url('/images/CaseStudy_buffer_banner1.jpg);
+  background: url('/images/CaseStudy_buffer_banner1.jpg');
 }
 
 .banner4 {
@@ -369,7 +343,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_buffer_banner4.jpg');
 }
 
@@ -384,7 +357,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -395,7 +367,6 @@ h1 {
   color:#ffffff;
   width:80%;
   padding-left:10%;
-  float:left;
   text-align:center;
   color:#ffffff;
 }
@@ -417,8 +388,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -426,9 +397,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
-  float:left;
   text-align:center;
+  margin:0 auto;
   color:#ffffff;
 }
 
diff --git a/static/css/style_crowdfire.css b/static/css/style_crowdfire.css
index fbfff0c5d4..0e661cf46f 100644
--- a/static/css/style_crowdfire.css
+++ b/static/css/style_crowdfire.css
@@ -65,7 +65,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:repeat;
@@ -83,7 +82,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_crowdfire_banner3.jpg');
   background-size:100% auto;
 }
@@ -97,7 +95,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_crowdfire_banner4.jpg');
   background-size:100% auto;
 }
@@ -111,7 +108,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:35px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -122,9 +118,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:18%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -132,8 +127,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:75%;
-  padding-left:13%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -141,8 +136,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:17%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -150,9 +145,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:68%;
-  padding-left:16%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -188,14 +182,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-  width: 48%;
-  padding-right:5%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:100;
   color:#606060;
@@ -206,10 +197,8 @@ hr {
 }
 
 .col2 {
-  width: 42%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -225,7 +214,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -239,8 +227,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
-
 }
 
 h4 {
@@ -293,9 +279,6 @@ h1 {
 }
 
 .col1 {
-  width: 95%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -305,12 +288,10 @@ h1 {
 }
 
 .col2 {
-  width: 95%;
   padding-top:2%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -339,7 +320,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -353,8 +333,7 @@ h1 {
   font-size:16px;
   letter-spacing:0.03em;
   line-height:23px;
-  width:90%;
-  float:left;
+  width:100%;
   background: url('/images/CaseStudy_crowdfire_banner3.jpg');
 }
 
@@ -368,7 +347,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_crowdfire_banner4.jpg');
 }
 
@@ -382,7 +360,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:23px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -392,12 +369,11 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
   padding-bottom:1%;
   padding-top:1%;
-  float:left;
   text-align:center;
   color:#ffffff;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -405,10 +381,10 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
   padding-top:5%;
   padding-bottom:5%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -416,11 +392,10 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
-  padding-right:10%;
   padding-top:3%;
   padding-bottom:3%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -428,10 +403,10 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
   padding-top:3%;
   padding-bottom:3%;
   text-align:center;
+  margin:0 auto;
 }
 
 .fullcol {
diff --git a/static/css/style_golfnow.css b/static/css/style_golfnow.css
index bbe4056098..fe7d22727b 100644
--- a/static/css/style_golfnow.css
+++ b/static/css/style_golfnow.css
@@ -61,7 +61,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -79,7 +78,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_golfnow_banner3.jpg');
   background-size:100% auto;
 }
@@ -93,7 +91,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_golfnow_banner4.jpg');
   background-size:100% auto;
 }
@@ -107,7 +104,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -118,9 +114,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:60%;
-  padding-left:19%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -128,8 +123,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:70%;
-  padding-left:15%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -137,8 +132,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:55%;
-  padding-left:21%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -146,9 +141,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:60%;
-  padding-left:19%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -185,16 +179,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-
-width: 38%;
-padding-left:5%;
-padding-right:8%;
-float:left;
 font-family:"Roboto", sans-serif;
 font-weight:100;
 color:#606060;
@@ -205,11 +194,8 @@ font-size:14px;
 }
 
 .col2 {
-
-width: 44%;
 font-family:"Roboto", sans-serif;
 font-weight:300;
-float:left;
 line-height:20px;
 color:#606060;
   letter-spacing:0.03em;
@@ -227,7 +213,6 @@ font-size:14px;
   margin-bottom:6%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -241,8 +226,6 @@ font-size:14px;
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
-
 }
 
 h4 {
@@ -289,10 +272,6 @@ h1 {
 }
 
 .col1 {
-  width: 100%;
-  padding-left:5%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -302,13 +281,10 @@ h1 {
 }
 
 .col2 {
-  width: 100%;
-  padding-left:5%;
   padding-top:5%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -338,7 +314,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -353,9 +328,7 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:80%;
-  padding-left:15%;
-  padding-right:10%;
-  float:left;
+  margin:0 auto;
   background: url('/images/CaseStudy_golfnow_banner3.jpg');
 }
 
@@ -369,7 +342,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_golfnow_banner4.jpg');
 }
 
@@ -384,7 +356,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -394,9 +365,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
-  float:left;
   text-align:center;
+  margin:0 auto;
   color:#ffffff;
 }
 
@@ -405,11 +375,10 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:2%;
-  padding-right:10%;
   padding-top:5%;
   padding-bottom:5%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -417,8 +386,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -426,9 +395,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
-  float:left;
   text-align:center;
+  margin:0 auto;
   color:#ffffff;
 }
 
diff --git a/static/css/style_haufegroup.css b/static/css/style_haufegroup.css
index 1a8dc502fd..fab6e79572 100644
--- a/static/css/style_haufegroup.css
+++ b/static/css/style_haufegroup.css
@@ -65,7 +65,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:repeat;
@@ -83,7 +82,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_haufegroup_banner3.jpg');
   background-size:100% auto;
 }
@@ -97,7 +95,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_haufegroup_banner4.jpg');
   background-size:100% auto;
 }
@@ -111,7 +108,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -122,9 +118,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:60%;
-  padding-left:20%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -132,8 +127,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:70%;
-  padding-left:15%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -141,8 +136,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:17%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -150,9 +145,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:68%;
-  padding-left:16%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -188,14 +182,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-  width: 43%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:100;
   color:#606060;
@@ -206,10 +197,8 @@ hr {
 }
 
 .col2 {
-  width: 41%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -225,7 +214,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -239,8 +227,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
-
 }
 
 h4 {
@@ -293,9 +279,6 @@ h1 {
 }
 
 .col1 {
-  width: 95%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -305,12 +288,10 @@ h1 {
 }
 
 .col2 {
-  width: 95%;
   padding-top:2%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -339,7 +320,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -354,7 +334,7 @@ h1 {
   letter-spacing:0.03em;
   line-height:23px;
   width:90%;
-  float:left;
+  margin:0 auto;
   background: url('/images/CaseStudy_haufegroup_banner3.jpg');
 }
 
@@ -368,7 +348,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_haufegroup_banner4.jpg');
 }
 
@@ -382,7 +361,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:23px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -392,10 +370,9 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:90%;
-  padding-left:5%;
   padding-bottom:1%;
   padding-top:1%;
-  float:left;
+  margin:0 auto;
   text-align:center;
   color:#ffffff;
 }
diff --git a/static/css/style_huawei.css b/static/css/style_huawei.css
index a1c86aec41..0d13e76b72 100644
--- a/static/css/style_huawei.css
+++ b/static/css/style_huawei.css
@@ -65,7 +65,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:repeat;
@@ -83,7 +82,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_huawei_banner3.jpg');
   background-size:100% auto;
 }
@@ -97,7 +95,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_huawei_banner4.jpg');
   background-size:100% auto;
 }
@@ -111,7 +108,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:35px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -122,9 +118,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:18%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -132,8 +127,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:75%;
-  padding-left:13%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -141,8 +136,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:17%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -150,9 +145,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:68%;
-  padding-left:16%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -188,14 +182,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-  width: 42%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:100;
   color:#606060;
@@ -206,10 +197,8 @@ hr {
 }
 
 .col2 {
-  width: 45%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -225,7 +214,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -239,7 +227,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
 
 }
 
@@ -293,9 +280,6 @@ h1 {
 }
 
 .col1 {
-  width: 95%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -305,12 +289,10 @@ h1 {
 }
 
 .col2 {
-  width: 95%;
   padding-top:2%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -339,7 +321,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -353,8 +334,7 @@ h1 {
   font-size:16px;
   letter-spacing:0.03em;
   line-height:23px;
-  width:90%;
-  float:left;
+  width:100%;
   background: url('/images/CaseStudy_huawei_banner3.jpg');
 }
 
@@ -368,7 +348,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_huawei_banner4.jpg');
 }
 
@@ -382,7 +361,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:23px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -392,11 +370,10 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:90%;
-  padding-left:5%;
   padding-bottom:1%;
   padding-top:1%;
-  float:left;
   text-align:center;
+  margin:0 auto;
   color:#ffffff;
 }
 
@@ -405,10 +382,10 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:90%;
-  padding-left:5%;
   padding-top:5%;
   padding-bottom:5%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -416,10 +393,10 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:90%;
-  padding-left:5%;
   padding-top:3%;
   padding-bottom:3%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -427,10 +404,10 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:90%;
-  padding-left:5%;
   padding-top:3%;
   padding-bottom:3%;
   text-align:center;
+  margin:0 auto;
 }
 
 .fullcol {
diff --git a/static/css/style_peardeck.css b/static/css/style_peardeck.css
index b3ae92f9b6..f0cb5b9bdc 100644
--- a/static/css/style_peardeck.css
+++ b/static/css/style_peardeck.css
@@ -61,7 +61,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -79,7 +78,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_peardeck_banner1.jpg');
   background-size:100% auto;
 }
@@ -93,7 +91,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_peardeck_banner2.jpg');
   background-size:100% auto;
 }
@@ -107,7 +104,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -118,9 +114,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:60%;
-  padding-left:19%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -128,8 +123,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:70%;
-  padding-left:15%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -137,8 +132,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:55%;
-  padding-left:21%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -146,9 +141,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:60%;
-  padding-left:19%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -185,16 +179,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-
-width: 38%;
-padding-left:5%;
-padding-right:8%;
-float:left;
 font-family:"Roboto", sans-serif;
 font-weight:100;
 color:#606060;
@@ -205,11 +194,8 @@ font-size:14px;
 }
 
 .col2 {
-
-width: 44%;
 font-family:"Roboto", sans-serif;
 font-weight:300;
-float:left;
 line-height:20px;
 color:#606060;
   letter-spacing:0.03em;
@@ -227,7 +213,6 @@ font-size:14px;
   margin-bottom:6%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -241,7 +226,6 @@ font-size:14px;
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
 
 }
 
@@ -289,10 +273,6 @@ h1 {
 }
 
 .col1 {
-  width: 100%;
-  padding-left:5%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -302,13 +282,10 @@ h1 {
 }
 
 .col2 {
-  width: 100%;
-  padding-left:5%;
   padding-top:5%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -338,7 +315,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -352,10 +328,7 @@ h1 {
   font-size:18px;
   letter-spacing:0.03em;
   line-height:24px;
-  width:80%;
-  padding-left:15%;
-  padding-right:10%;
-  float:left;
+  width:100%;
   background: url('/images/CaseStudy_peardeck_banner3.jpg');
 }
 
@@ -369,7 +342,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_peardeck_banner2.jpg');
 }
 
@@ -384,7 +356,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -394,9 +365,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
-  float:left;
   text-align:center;
+  margin:0 auto;
   color:#ffffff;
 }
 
@@ -405,11 +375,10 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:2%;
-  padding-right:10%;
   padding-top:5%;
   padding-bottom:5%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -417,8 +386,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -426,9 +395,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
-  float:left;
   text-align:center;
+  margin:0 auto;
   color:#ffffff;
 }
 
diff --git a/static/css/style_wink.css b/static/css/style_wink.css
index 08a044933f..2b2203aeef 100755
--- a/static/css/style_wink.css
+++ b/static/css/style_wink.css
@@ -56,7 +56,6 @@ h1 {
   font-size:19px;
   letter-spacing:0.03em;
   line-height:28px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -74,7 +73,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_wink_banner3.jpg');
   background-size:100% auto;
 }
@@ -88,7 +86,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background: url('/images/CaseStudy_wink_banner4.jpg');
   background-size:100% auto;
 }
@@ -102,7 +99,6 @@ h1 {
   font-size:21px;
   letter-spacing:0.03em;
   line-height:32px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -113,9 +109,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:62%;
-  padding-left:18%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -123,8 +118,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:70%;
-  padding-left:15%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -132,8 +127,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:60%;
-  padding-left:20%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -141,9 +136,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:16%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -180,16 +174,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-
-width: 38%;
-padding-left:5%;
-padding-right:8%;
-float:left;
 font-family:"Roboto", sans-serif;
 font-weight:100;
 color:#606060;
@@ -200,11 +189,8 @@ font-size:14px;
 }
 
 .col2 {
-
-width: 44%;
 font-family:"Roboto", sans-serif;
 font-weight:300;
-float:left;
 line-height:20px;
 color:#606060;
 letter-spacing:0.03em;
@@ -220,7 +206,6 @@ font-size:14px;
   margin-bottom:6%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -234,8 +219,6 @@ font-size:14px;
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
-
 }
 
 h4 {
@@ -282,10 +265,6 @@ h1 {
 }
 
 .col1 {
-  width: 100%;
-  padding-left:5%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -295,13 +274,10 @@ h1 {
 }
 
 .col2 {
-  width: 100%;
-  padding-left:5%;
   padding-top:5%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -331,7 +307,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -345,10 +320,9 @@ h1 {
   font-size:18px;
   letter-spacing:0.03em;
   line-height:24px;
-  width:80%;
+  width:100%;
   padding-left:15%;
   padding-right:10%;
-  float:left;
   background: url('/images/CaseStudy_wink_banner3.jpg');
 }
 
@@ -362,7 +336,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_wink_banner4.jpg');
 }
 
@@ -377,7 +350,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -387,9 +359,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
-  float:left;
   text-align:center;
+  margin:0 auto;
   color:#ffffff;
 }
 
@@ -398,11 +369,10 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:2%;
-  padding-right:10%;
   padding-top:5%;
   padding-bottom:5%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -410,8 +380,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -419,9 +389,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:80%;
-  padding-left:10%;
-  float:left;
   text-align:center;
+  margin:0 auto;
   color:#ffffff;
 }
 
diff --git a/static/css/style_zalando.css b/static/css/style_zalando.css
index d39a553759..baac353876 100644
--- a/static/css/style_zalando.css
+++ b/static/css/style_zalando.css
@@ -65,7 +65,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:repeat;
@@ -83,7 +82,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_zalando_banner3.jpg');
   background-size:100% auto;
 }
@@ -97,7 +95,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:34px;
-  float:left;
   background: url('/images/CaseStudy_zalando_banner4.jpg');
   background-size:100% auto;
 }
@@ -111,7 +108,6 @@ h1 {
   font-size:24px;
   letter-spacing:0.03em;
   line-height:35px;
-  float:left;
   background-size:100% auto;
   background-color:#666666;
   background-repeat:no-repeat;
@@ -122,9 +118,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:70%;
-  padding-left:15%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner3text {
@@ -132,8 +127,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:75%;
-  padding-left:13%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner4text {
@@ -141,8 +136,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:65%;
-  padding-left:17%;
   text-align:center;
+  margin:0 auto;
 }
 
 .banner5text {
@@ -150,9 +145,8 @@ h1 {
   font-weight:300;
   color:#ffffff;
   width:68%;
-  padding-left:16%;
-  float:left;
   text-align:center;
+  margin:0 auto;
 }
 
 
@@ -188,14 +182,11 @@ hr {
   border-bottom:0px solid;
   width:100%;
   opacity:0.5;
-  color:#aaaaaa;
+  background-color:#999999;
   height:1px;
 }
 
 .col1 {
-  width: 45%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:100;
   color:#606060;
@@ -206,10 +197,8 @@ hr {
 }
 
 .col2 {
-  width: 40%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -225,7 +214,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:22px;
   color:#606060;
   letter-spacing:0.03em;
@@ -239,8 +227,6 @@ hr {
   margin-bottom:4%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
-
 }
 
 h4 {
@@ -293,9 +279,6 @@ h1 {
 }
 
 .col1 {
-  width: 95%;
-  padding-right:8%;
-  float:left;
   font-family:"Roboto", sans-serif;
   font-weight:300;
   color:#606060;
@@ -305,12 +288,10 @@ h1 {
 }
 
 .col2 {
-  width: 95%;
   padding-top:2%;
   padding-bottom:5%;
   font-family:"Roboto", sans-serif;
   font-weight:300;
-  float:left;
   line-height:20px;
   color:#606060;
   letter-spacing:0.03em;
@@ -339,7 +320,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -353,8 +333,7 @@ h1 {
   font-size:16px;
   letter-spacing:0.03em;
   line-height:23px;
-  width:90%;
-  float:left;
+  width:100%;
   background: url('/images/CaseStudy_zalando_banner3.jpg');
 }
 
@@ -368,7 +347,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:24px;
   width:100%;
-  float:left;
   background: url('/images/CaseStudy_zalando_banner4.jpg');
 }
 
@@ -382,7 +360,6 @@ h1 {
   letter-spacing:0.03em;
   line-height:23px;
   width:100%;
-  float:left;
   background:none;
   background-color:#666666;
 }
@@ -395,7 +372,6 @@ h1 {
   padding-left:5%;
   padding-bottom:1%;
   padding-top:1%;
-  float:left;
   text-align:center;
   color:#ffffff;
 }