Fix "typo" and clearing CSS (#10246)
* Dev: clearing and fixing typo * Def: fixing "Typo" * Update style_user_journeys.css Change ".docscoltitle" padding-top:0%; to padding-top:0; * (Fix Minor) Fix writing space in @media. * Update style_case_studies.css Clearing white space * (Fix Minor)Improving spaces inside *.CSS. (prettier)
This commit is contained in:
Iko
committed by
Kubernetes Prow Robot
Kubernetes Prow Robot
parent
c79b4728ae
commit
53f797b5d1
+7
-5
@@ -179,7 +179,7 @@ div.header-try a {
|
|||||||
div.widget > h2,
|
div.widget > h2,
|
||||||
div.widget h2.title {
|
div.widget h2.title {
|
||||||
margin: 0 0 1em 0;
|
margin: 0 0 1em 0;
|
||||||
font: normal bold 11px 'Roboto',sans-serif;
|
font: normal bold 11px 'Roboto', sans-serif;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -321,8 +321,7 @@ div.post-footer {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
--></style>
|
|
||||||
<style id='template-skin-1' type='text/css'><!--
|
|
||||||
body {
|
body {
|
||||||
min-width: 1200px;
|
min-width: 1200px;
|
||||||
}
|
}
|
||||||
@@ -336,14 +335,16 @@ body {
|
|||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
padding-right: 310px;
|
padding-right: 310px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-inner .fauxcolumn-center-outer {
|
.main-inner .fauxcolumn-center-outer {
|
||||||
left: 0px;
|
left: 0px;
|
||||||
right: 310px;
|
right: 310px;
|
||||||
/* IE6 does not respect left and right together */
|
/* IE6 does not respect left and right together */
|
||||||
_width: expression(this.parentNode.offsetWidth -
|
_width: expression(this.parentNode.offsetWidth -
|
||||||
parseInt("0px") -
|
parseInt("0px") -
|
||||||
parseInt("310px") + 'px');
|
parseInt("310px") + 'px');
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-inner .fauxcolumn-left-outer {
|
.main-inner .fauxcolumn-left-outer {
|
||||||
width: 0px;
|
width: 0px;
|
||||||
}
|
}
|
||||||
@@ -405,6 +406,7 @@ body {
|
|||||||
ul {
|
ul {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Sidebar Icon Styles */
|
/* Sidebar Icon Styles */
|
||||||
.widget-link svg {
|
.widget-link svg {
|
||||||
font-size: 48px;
|
font-size: 48px;
|
||||||
|
|||||||
+181
-173
@@ -237,209 +237,217 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
margin-bottom:-.5%;
|
margin-bottom:-.5%;
|
||||||
magin-left:10px;
|
margin-left:10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 95%;
|
||||||
font-weight:300;
|
padding-right:8%;
|
||||||
color:#606060;
|
float:left;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
letter-spacing:0.03em;
|
font-weight:300;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:2%;
|
width: 95%;
|
||||||
padding-bottom:5%;
|
padding-top:2%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-bottom:5%;
|
||||||
font-weight:300;
|
font-family:"Roboto", sans-serif;
|
||||||
line-height:20px;
|
font-weight:300;
|
||||||
color:#606060;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
line-height:20px;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_amadeus_banner1.jpg');
|
background: url('/images/CaseStudy_amadeus_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:90%;
|
||||||
background: url('/images/CaseStudy_amadeus_banner3.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_amadeus_banner3.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_amadeus_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_amadeus_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
padding-top:1%;
|
padding-top:1%;
|
||||||
text-align:center;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:3%;
|
padding-top:3%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:3%;
|
padding-top:3%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
margin-bottom:8%;
|
margin-bottom:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 580px){
|
@media screen and (max-width: 580px){
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
width:60%;
|
width:60%;
|
||||||
margin-bottom:1%;
|
margin-bottom:1%;
|
||||||
margin-left:0%;
|
margin-left:0;
|
||||||
margin-top:2%;
|
margin-top:2%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
background: url('/images/CaseStudy_amadeus_banner_mobile.jpg');
|
background: url('/images/CaseStudy_amadeus_banner_mobile.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
+175
-160
@@ -232,184 +232,198 @@ h4 {
|
|||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 90%;
|
||||||
font-weight:300;
|
padding-left:5%;
|
||||||
color:#606060;
|
padding-right:8%;
|
||||||
line-height:20px;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
font-family:"Roboto", sans-serif;
|
||||||
font-size:14px;
|
font-weight:300;
|
||||||
}
|
color:#606060;
|
||||||
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:5%;
|
width: 90%;
|
||||||
padding-bottom:5%;
|
padding-left:5%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-top:5%;
|
||||||
font-weight:300;
|
padding-bottom:5%;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
color:#606060;
|
font-weight:300;
|
||||||
letter-spacing:0.03em;
|
float:left;
|
||||||
font-size:14px;
|
line-height:20px;
|
||||||
}
|
color:#606060;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('CaseStudy_ancestry_banner1.jpg');
|
background: url('CaseStudy_ancestry_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
padding-left:0%;
|
padding-left:0%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('CaseStudy_ancestry_banner3.jpg');
|
float:left;
|
||||||
}
|
background: url('CaseStudy_ancestry_banner3.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('CaseStudy_ancestry_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('CaseStudy_ancestry_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
text-align:center;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
padding-top:3%;
|
padding-top:3%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
text-align:center;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
@media screen and (max-width: 480px){
|
||||||
|
|
||||||
@@ -418,4 +432,5 @@ h2 {
|
|||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
padding-top:2%;
|
padding-top:2%;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
+181
-180
@@ -1,6 +1,6 @@
|
|||||||
#caseStudyTitle {
|
#caseStudyTitle {
|
||||||
margin-top: 1em !important;
|
margin-top: 1em !important;
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@@ -9,7 +9,6 @@ p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
|
|
||||||
width:24%;
|
width:24%;
|
||||||
margin-bottom:-0.5%;
|
margin-bottom:-0.5%;
|
||||||
margin-left:10px;
|
margin-left:10px;
|
||||||
@@ -22,7 +21,6 @@ a {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -39,7 +37,6 @@ h1 {
|
|||||||
line-height:40px;
|
line-height:40px;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
padding-top:0.5%;
|
padding-top:0.5%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
@@ -150,7 +147,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -178,7 +174,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -194,7 +189,6 @@ hr {
|
|||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
@@ -204,7 +198,6 @@ hr {
|
|||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
@@ -238,196 +231,206 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
margin-bottom:-.5%;
|
margin-bottom:-.5%;
|
||||||
magin-left:10px;
|
margin-left:10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 95%;
|
||||||
font-weight:300;
|
padding-right:8%;
|
||||||
color:#606060;
|
float:left;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
letter-spacing:0.03em;
|
font-weight:300;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:2%;
|
width: 95%;
|
||||||
padding-bottom:5%;
|
padding-top:2%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-bottom:5%;
|
||||||
font-weight:300;
|
font-family:"Roboto", sans-serif;
|
||||||
line-height:20px;
|
font-weight:300;
|
||||||
color:#606060;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
line-height:20px;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_blablacar_banner1.jpg');
|
background: url('/images/CaseStudy_blablacar_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:90%;
|
||||||
background: url('/images/CaseStudy_blablacar_banner3.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_blablacar_banner3.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_blablacar_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_blablacar_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
padding-top:1%;
|
padding-top:1%;
|
||||||
text-align:center;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:3%;
|
padding-top:3%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:3%;
|
padding-top:3%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
margin-bottom:8%;
|
margin-bottom:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 580px){
|
@media screen and (max-width: 580px){
|
||||||
|
|
||||||
@@ -435,11 +438,9 @@ h2 {
|
|||||||
width:60%;
|
width:60%;
|
||||||
margin-bottom:1%;
|
margin-bottom:1%;
|
||||||
margin-top:2%;
|
margin-top:2%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
background: url('/images/CaseStudy_blablacar_banner1_mobile.jpg');
|
background: url('/images/CaseStudy_blablacar_banner1_mobile.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
+180
-182
@@ -1,6 +1,6 @@
|
|||||||
#caseStudyTitle {
|
#caseStudyTitle {
|
||||||
margin-top: 1em !important;
|
margin-top: 1em !important;
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@@ -9,7 +9,6 @@ p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
|
|
||||||
width:15%;
|
width:15%;
|
||||||
margin-bottom:0%;
|
margin-bottom:0%;
|
||||||
margin-left:10px;
|
margin-left:10px;
|
||||||
@@ -22,7 +21,6 @@ a {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -39,7 +37,6 @@ h1 {
|
|||||||
line-height:40px;
|
line-height:40px;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
padding-top:0.5%;
|
padding-top:0.5%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
@@ -68,7 +65,6 @@ h1 {
|
|||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-color:#666666;
|
background-color:#666666;
|
||||||
background-repeat:repeat;
|
background-repeat:repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
@@ -149,7 +145,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -177,7 +172,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -193,7 +187,6 @@ hr {
|
|||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
@@ -203,7 +196,6 @@ hr {
|
|||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
@@ -227,7 +219,6 @@ hr {
|
|||||||
margin-bottom:4%;
|
margin-bottom:4%;
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
@@ -238,196 +229,206 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
margin-bottom:-.5%;
|
margin-bottom:-.5%;
|
||||||
magin-left:10px;
|
margin-left:10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 95%;
|
||||||
font-weight:300;
|
padding-right:8%;
|
||||||
color:#606060;
|
float:left;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
letter-spacing:0.03em;
|
font-weight:300;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:2%;
|
width: 95%;
|
||||||
padding-bottom:5%;
|
padding-top:2%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-bottom:5%;
|
||||||
font-weight:300;
|
font-family:"Roboto", sans-serif;
|
||||||
line-height:20px;
|
font-weight:300;
|
||||||
color:#606060;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
line-height:20px;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_blackrock_banner1.jpg');
|
background: url('/images/CaseStudy_blackrock_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:90%;
|
||||||
background: url('/images/CaseStudy_blackrock_banner3.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_blackrock_banner3.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_blackrock_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_blackrock_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
padding-top:1%;
|
padding-top:1%;
|
||||||
text-align:center;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:3%;
|
padding-top:3%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:3%;
|
padding-top:3%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
margin-bottom:8%;
|
margin-bottom:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 580px){
|
@media screen and (max-width: 580px){
|
||||||
|
|
||||||
@@ -435,8 +436,5 @@ h2 {
|
|||||||
width:60%;
|
width:60%;
|
||||||
margin-bottom:1%;
|
margin-bottom:1%;
|
||||||
margin-top:2%;
|
margin-top:2%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
+183
-182
@@ -1,10 +1,9 @@
|
|||||||
#caseStudyTitle {
|
#caseStudyTitle {
|
||||||
margin-top: 1em !important;
|
margin-top: 1em !important;
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|
||||||
background-color:#ffffff;
|
background-color:#ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -20,7 +19,6 @@ a {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -36,7 +34,6 @@ h1 {
|
|||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:40px;
|
line-height:40px;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
@@ -50,7 +47,6 @@ h1 {
|
|||||||
background: url('/images/CaseStudy_box_banner1.jpg');
|
background: url('/images/CaseStudy_box_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
@@ -65,7 +61,6 @@ h1 {
|
|||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-color:#666666;
|
background-color:#666666;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
@@ -144,7 +139,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -172,8 +166,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -183,27 +175,23 @@ hr {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
color:#606060;
|
color:#606060;
|
||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
line-height:20px;
|
line-height:20px;
|
||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
width:77%;
|
width:77%;
|
||||||
margin-left:11%;
|
margin-left:11%;
|
||||||
@@ -235,184 +223,197 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 100%;
|
||||||
font-weight:300;
|
padding-left:5%;
|
||||||
color:#606060;
|
padding-right:8%;
|
||||||
line-height:20px;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
font-family:"Roboto", sans-serif;
|
||||||
font-size:14px;
|
font-weight:300;
|
||||||
}
|
color:#606060;
|
||||||
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:5%;
|
width: 100%;
|
||||||
padding-bottom:5%;
|
padding-left:5%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-top:5%;
|
||||||
font-weight:300;
|
padding-bottom:5%;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
color:#606060;
|
font-weight:300;
|
||||||
letter-spacing:0.03em;
|
float:left;
|
||||||
font-size:14px;
|
line-height:20px;
|
||||||
}
|
color:#606060;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_box_banner1.jpg');
|
background: url('/images/CaseStudy_box_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
padding-left:0%;
|
padding-left:0%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_box_banner3.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_box_banner3.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_box_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_box_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
padding-left:0%;
|
padding-left:0%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:15%;
|
width:15%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
@media screen and (max-width: 480px){
|
||||||
|
|
||||||
|
|||||||
+185
-182
@@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
.buffer {
|
.buffer {
|
||||||
width:100%;
|
width:100%;
|
||||||
}
|
}
|
||||||
@@ -16,7 +15,6 @@ a {
|
|||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
background-color:#ffffff !important;
|
background-color:#ffffff !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
@@ -64,7 +62,6 @@ h1 {
|
|||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-color:#666666;
|
background-color:#666666;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
@@ -145,7 +142,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -173,8 +169,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -184,27 +178,23 @@ hr {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
color:#606060;
|
color:#606060;
|
||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
line-height:20px;
|
line-height:20px;
|
||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
width:77%;
|
width:77%;
|
||||||
margin-left:11%;
|
margin-left:11%;
|
||||||
@@ -236,189 +226,202 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 100%;
|
||||||
font-weight:300;
|
padding-left:5%;
|
||||||
color:#606060;
|
padding-right:8%;
|
||||||
line-height:20px;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
font-family:"Roboto", sans-serif;
|
||||||
font-size:14px;
|
font-weight:300;
|
||||||
}
|
color:#606060;
|
||||||
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:5%;
|
width: 100%;
|
||||||
padding-bottom:5%;
|
padding-left:5%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-top:5%;
|
||||||
font-weight:300;
|
padding-bottom:5%;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
color:#606060;
|
font-weight:300;
|
||||||
letter-spacing:0.03em;
|
float:left;
|
||||||
font-size:14px;
|
line-height:20px;
|
||||||
}
|
color:#606060;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_buffer_banner3.jpg');
|
background: url('/images/CaseStudy_buffer_banner3.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
padding-left:0%;
|
padding-left:0;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-left:15%;
|
padding-left:15%;
|
||||||
padding-right:10%;
|
padding-right:10%;
|
||||||
background: url('/images/CaseStudy_buffer_banner1.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_buffer_banner1.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_buffer_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_buffer_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
padding-left:0%;
|
padding-left:0;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
text-align:center;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-left:2%;
|
padding-left:2%;
|
||||||
padding-right:10%;
|
padding-right:10%;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
@media screen and (max-width: 480px){
|
||||||
|
|
||||||
|
|||||||
+169
-179
@@ -9,7 +9,6 @@ p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
|
|
||||||
width:23%;
|
width:23%;
|
||||||
margin-bottom:-0.6%;
|
margin-bottom:-0.6%;
|
||||||
margin-left:10px;
|
margin-left:10px;
|
||||||
@@ -22,7 +21,6 @@ a {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -39,7 +37,6 @@ h1 {
|
|||||||
line-height:40px;
|
line-height:40px;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
padding-top:0.5%;
|
padding-top:0.5%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
@@ -51,7 +48,6 @@ h1 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:32px;
|
font-size:32px;
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
@@ -67,7 +63,6 @@ h1 {
|
|||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-color:#666666;
|
background-color:#666666;
|
||||||
background-repeat:repeat;
|
background-repeat:repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
@@ -147,7 +142,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -175,7 +169,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -191,7 +184,6 @@ hr {
|
|||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
@@ -201,7 +193,6 @@ hr {
|
|||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
@@ -236,199 +227,198 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.video {
|
.video {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px) {
|
@media screen and (max-width: 910px) {
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
line-height: 36px;
|
line-height: 36px;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
font-size: 30px !important;
|
font-size: 30px !important;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
width: 35%;
|
width: 35%;
|
||||||
margin-bottom: -.5%;
|
margin-bottom: -.5%;
|
||||||
magin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
line-height: 27px;
|
line-height: 27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #3366ff;
|
color: #3366ff;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
padding-bottom: 2%;
|
padding-bottom: 2%;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
padding-top: 1em;
|
padding-top: 1em;
|
||||||
padding-left: 10%;
|
padding-left: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width: 8%;
|
width: 8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: #606060;
|
color: #606060;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
padding-top: 2%;
|
padding-top: 2%;
|
||||||
padding-bottom: 5%;
|
padding-bottom: 5%;
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
color: #606060;
|
color: #606060;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
padding-top: 15%;
|
padding-top: 15%;
|
||||||
padding-bottom: 2%;
|
padding-bottom: 2%;
|
||||||
padding-left: 10%;
|
padding-left: 10%;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
padding-top: 4%;
|
padding-top: 4%;
|
||||||
padding-bottom: 4%;
|
padding-bottom: 4%;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: none;
|
background: none;
|
||||||
background-color: #666666;
|
background-color: #666666;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
padding-top: 5%;
|
padding-top: 5%;
|
||||||
padding-bottom: 5%;
|
padding-bottom: 5%;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
line-height: 23px;
|
line-height: 23px;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
padding-top: 4%;
|
padding-top: 4%;
|
||||||
padding-bottom: 4%;
|
padding-bottom: 4%;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
padding-top: 4%;
|
padding-top: 4%;
|
||||||
padding-bottom: 4%;
|
padding-bottom: 4%;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
line-height: 23px;
|
line-height: 23px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: none;
|
background: none;
|
||||||
background-color: #666666;
|
background-color: #666666;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
padding-left: 5%;
|
padding-left: 5%;
|
||||||
padding-bottom: 1%;
|
padding-bottom: 1%;
|
||||||
padding-top: 1%;
|
padding-top: 1%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
padding-left: 5%;
|
padding-left: 5%;
|
||||||
padding-top: 5%;
|
padding-top: 5%;
|
||||||
padding-bottom: 5%;
|
padding-bottom: 5%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
padding-left: 5%;
|
padding-left: 5%;
|
||||||
padding-top: 3%;
|
padding-top: 3%;
|
||||||
padding-bottom: 3%;
|
padding-bottom: 3%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
padding-left: 5%;
|
padding-left: 5%;
|
||||||
padding-top: 3%;
|
padding-top: 3%;
|
||||||
padding-bottom: 3%;
|
padding-bottom: 3%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top: 6%;
|
margin-top: 6%;
|
||||||
margin-bottom: 8%;
|
margin-bottom: 8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width: 35%;
|
width: 35%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 580px){
|
@media screen and (max-width: 580px){
|
||||||
|
|||||||
+182
-181
@@ -1,6 +1,6 @@
|
|||||||
#caseStudyTitle {
|
#caseStudyTitle {
|
||||||
margin-top: 1em !important;
|
margin-top: 1em !important;
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@@ -9,7 +9,6 @@ p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
|
|
||||||
width:24%;
|
width:24%;
|
||||||
margin-bottom:-1%;
|
margin-bottom:-1%;
|
||||||
margin-left:10px;
|
margin-left:10px;
|
||||||
@@ -22,7 +21,6 @@ a {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -39,7 +37,6 @@ h1 {
|
|||||||
line-height:40px;
|
line-height:40px;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
padding-top:0.5%;
|
padding-top:0.5%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
@@ -68,7 +65,6 @@ h1 {
|
|||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-color:#666666;
|
background-color:#666666;
|
||||||
background-repeat:repeat;
|
background-repeat:repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
@@ -149,7 +145,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -177,7 +172,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -193,7 +187,6 @@ hr {
|
|||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
@@ -203,7 +196,6 @@ hr {
|
|||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
@@ -237,196 +229,207 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
margin-bottom:-.5%;
|
margin-bottom:-.5%;
|
||||||
magin-left:10px;
|
margin-left:10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 95%;
|
||||||
font-weight:300;
|
padding-right:8%;
|
||||||
color:#606060;
|
float:left;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
letter-spacing:0.03em;
|
font-weight:300;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:2%;
|
width: 95%;
|
||||||
padding-bottom:5%;
|
padding-top:2%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-bottom:5%;
|
||||||
font-weight:300;
|
font-family:"Roboto", sans-serif;
|
||||||
line-height:20px;
|
font-weight:300;
|
||||||
color:#606060;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
line-height:20px;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_crowdfire_banner1.jpg');
|
background: url('/images/CaseStudy_crowdfire_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:90%;
|
||||||
background: url('/images/CaseStudy_crowdfire_banner3.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_crowdfire_banner3.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_crowdfire_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_crowdfire_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-bottom:1%;
|
padding-left:10%;
|
||||||
padding-top:1%;
|
padding-bottom:1%;
|
||||||
text-align:center;
|
padding-top:1%;
|
||||||
color:#ffffff;
|
float:left;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-top:5%;
|
padding-left:10%;
|
||||||
padding-bottom:5%;
|
padding-top:5%;
|
||||||
text-align:center;
|
padding-bottom:5%;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-top:3%;
|
padding-left:10%;
|
||||||
padding-bottom:3%;
|
padding-right:10%;
|
||||||
text-align:center;
|
padding-top:3%;
|
||||||
margin:0 auto;
|
padding-bottom:3%;
|
||||||
}
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-top:3%;
|
padding-left:10%;
|
||||||
padding-bottom:3%;
|
padding-top:3%;
|
||||||
text-align:center;
|
padding-bottom:3%;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
margin-bottom:8%;
|
margin-bottom:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 580px){
|
@media screen and (max-width: 580px){
|
||||||
|
|
||||||
@@ -435,11 +438,9 @@ h2 {
|
|||||||
margin-left:0px;
|
margin-left:0px;
|
||||||
margin-bottom:1%;
|
margin-bottom:1%;
|
||||||
margin-top:2%;
|
margin-top:2%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
background: url('/images/CaseStudy_crowdfire_banner1.jpg');
|
background: url('/images/CaseStudy_crowdfire_banner1.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
+186
-182
@@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
.golfnow {
|
.golfnow {
|
||||||
width:100%;
|
width:100%;
|
||||||
}
|
}
|
||||||
@@ -16,11 +15,10 @@ a {
|
|||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
background-color:#ffffff !important;
|
background-color:#ffffff !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
background-color:#ffffff !important;
|
background-color:#ffffff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -36,7 +34,6 @@ h1 {
|
|||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:40px;
|
line-height:40px;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
@@ -64,7 +61,6 @@ h1 {
|
|||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-color:#666666;
|
background-color:#666666;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
@@ -145,7 +141,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -173,8 +168,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -184,27 +177,23 @@ hr {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
color:#606060;
|
color:#606060;
|
||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
line-height:20px;
|
line-height:20px;
|
||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
width:77%;
|
width:77%;
|
||||||
margin-left:11%;
|
margin-left:11%;
|
||||||
@@ -236,187 +225,202 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 100%;
|
||||||
font-weight:300;
|
padding-left:5%;
|
||||||
color:#606060;
|
padding-right:8%;
|
||||||
line-height:20px;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
font-family:"Roboto", sans-serif;
|
||||||
font-size:14px;
|
font-weight:300;
|
||||||
}
|
color:#606060;
|
||||||
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:5%;
|
width: 100%;
|
||||||
padding-bottom:5%;
|
padding-left:5%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-top:5%;
|
||||||
font-weight:300;
|
padding-bottom:5%;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
color:#606060;
|
font-weight:300;
|
||||||
letter-spacing:0.03em;
|
float:left;
|
||||||
font-size:14px;
|
line-height:20px;
|
||||||
}
|
color:#606060;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_golfnow_banner1.jpg');
|
background: url('/images/CaseStudy_golfnow_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
padding-left:0%;
|
padding-left:0;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:80%;
|
width:80%;
|
||||||
margin:0 auto;
|
padding-left:15%;
|
||||||
background: url('/images/CaseStudy_golfnow_banner3.jpg');
|
padding-right:10%;
|
||||||
}
|
float:left;
|
||||||
|
background: url('/images/CaseStudy_golfnow_banner3.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_golfnow_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_golfnow_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
padding-left:0%;
|
padding-left:0;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-top:5%;
|
padding-left:2%;
|
||||||
padding-bottom:5%;
|
padding-right:10%;
|
||||||
text-align:center;
|
padding-top:5%;
|
||||||
margin:0 auto;
|
padding-bottom:5%;
|
||||||
}
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
@media screen and (max-width: 480px){
|
||||||
|
|
||||||
|
|||||||
+181
-182
@@ -1,6 +1,6 @@
|
|||||||
#caseStudyTitle {
|
#caseStudyTitle {
|
||||||
margin-top: 1em !important;
|
margin-top: 1em !important;
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@@ -9,7 +9,6 @@ p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
|
|
||||||
width:32%;
|
width:32%;
|
||||||
margin-bottom:-1%;
|
margin-bottom:-1%;
|
||||||
margin-left:10px;
|
margin-left:10px;
|
||||||
@@ -22,7 +21,6 @@ a {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -39,7 +37,6 @@ h1 {
|
|||||||
line-height:40px;
|
line-height:40px;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
padding-top:0.5%;
|
padding-top:0.5%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
@@ -68,7 +65,6 @@ h1 {
|
|||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-color:#666666;
|
background-color:#666666;
|
||||||
background-repeat:repeat;
|
background-repeat:repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
@@ -149,7 +145,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -177,7 +172,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -193,7 +187,6 @@ hr {
|
|||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
@@ -203,7 +196,6 @@ hr {
|
|||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
@@ -237,197 +229,206 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
margin-bottom:-.5%;
|
margin-bottom:-.5%;
|
||||||
magin-left:10px;
|
margin-left:10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 95%;
|
||||||
font-weight:300;
|
padding-right:8%;
|
||||||
color:#606060;
|
float:left;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
letter-spacing:0.03em;
|
font-weight:300;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:2%;
|
width: 95%;
|
||||||
padding-bottom:5%;
|
padding-top:2%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-bottom:5%;
|
||||||
font-weight:300;
|
font-family:"Roboto", sans-serif;
|
||||||
line-height:20px;
|
font-weight:300;
|
||||||
color:#606060;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
line-height:20px;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_haufegroup_banner1.jpg');
|
background: url('/images/CaseStudy_haufegroup_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:90%;
|
width:90%;
|
||||||
margin:0 auto;
|
float:left;
|
||||||
background: url('/images/CaseStudy_haufegroup_banner3.jpg');
|
background: url('/images/CaseStudy_haufegroup_banner3.jpg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_haufegroup_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_haufegroup_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-bottom:1%;
|
padding-left:5%;
|
||||||
padding-top:1%;
|
padding-bottom:1%;
|
||||||
margin:0 auto;
|
padding-top:1%;
|
||||||
text-align:center;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:3%;
|
padding-top:3%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:3%;
|
padding-top:3%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
margin-bottom:8%;
|
margin-bottom:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 580px){
|
@media screen and (max-width: 580px){
|
||||||
|
|
||||||
@@ -435,11 +436,9 @@ h2 {
|
|||||||
width:60%;
|
width:60%;
|
||||||
margin-bottom:1%;
|
margin-bottom:1%;
|
||||||
margin-top:2%;
|
margin-top:2%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
background: url('/images/CaseStudy_haufegroup_banner1.jpg');
|
background: url('/images/CaseStudy_haufegroup_banner1.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
+180
-181
@@ -1,6 +1,6 @@
|
|||||||
#caseStudyTitle {
|
#caseStudyTitle {
|
||||||
margin-top: 1em !important;
|
margin-top: 1em !important;
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@@ -9,7 +9,6 @@ p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
|
|
||||||
width:10%;
|
width:10%;
|
||||||
margin-bottom:-0.6%;
|
margin-bottom:-0.6%;
|
||||||
margin-left:10px;
|
margin-left:10px;
|
||||||
@@ -22,7 +21,6 @@ a {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -39,7 +37,6 @@ h1 {
|
|||||||
line-height:40px;
|
line-height:40px;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
padding-top:0.5%;
|
padding-top:0.5%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
@@ -68,7 +65,6 @@ h1 {
|
|||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-color:#666666;
|
background-color:#666666;
|
||||||
background-repeat:repeat;
|
background-repeat:repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
@@ -149,7 +145,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -177,7 +172,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -193,7 +187,6 @@ hr {
|
|||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
@@ -203,7 +196,6 @@ hr {
|
|||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
@@ -227,7 +219,6 @@ hr {
|
|||||||
margin-bottom:4%;
|
margin-bottom:4%;
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
@@ -238,195 +229,205 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
margin-bottom:-.5%;
|
margin-bottom:-.5%;
|
||||||
magin-left:10px;
|
margin-left:10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 95%;
|
||||||
font-weight:300;
|
padding-right:8%;
|
||||||
color:#606060;
|
float:left;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
letter-spacing:0.03em;
|
font-weight:300;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:2%;
|
width: 95%;
|
||||||
padding-bottom:5%;
|
padding-top:2%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-bottom:5%;
|
||||||
font-weight:300;
|
font-family:"Roboto", sans-serif;
|
||||||
line-height:20px;
|
font-weight:300;
|
||||||
color:#606060;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
line-height:20px;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_huawei_banner1.jpg');
|
background: url('/images/CaseStudy_huawei_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:90%;
|
||||||
background: url('/images/CaseStudy_huawei_banner3.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_huawei_banner3.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_huawei_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_huawei_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-bottom:1%;
|
padding-left:5%;
|
||||||
padding-top:1%;
|
padding-bottom:1%;
|
||||||
text-align:center;
|
padding-top:1%;
|
||||||
margin:0 auto;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-top:5%;
|
padding-left:5%;
|
||||||
padding-bottom:5%;
|
padding-top:5%;
|
||||||
text-align:center;
|
padding-bottom:5%;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-top:3%;
|
padding-left:5%;
|
||||||
padding-bottom:3%;
|
padding-top:3%;
|
||||||
text-align:center;
|
padding-bottom:3%;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-top:3%;
|
padding-left:5%;
|
||||||
padding-bottom:3%;
|
padding-top:3%;
|
||||||
text-align:center;
|
padding-bottom:3%;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
margin-bottom:8%;
|
margin-bottom:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 580px){
|
@media screen and (max-width: 580px){
|
||||||
@@ -435,11 +436,9 @@ h2 {
|
|||||||
width:60%;
|
width:60%;
|
||||||
margin-bottom:1%;
|
margin-bottom:1%;
|
||||||
margin-top:2%;
|
margin-top:2%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
background: url('/images/CaseStudy_blablacar_banner1_mobile.jpg');
|
background: url('/images/CaseStudy_blablacar_banner1_mobile.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
+186
-182
@@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
.golfnow {
|
.golfnow {
|
||||||
width:100%;
|
width:100%;
|
||||||
}
|
}
|
||||||
@@ -16,11 +15,10 @@ a {
|
|||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
background-color:#ffffff !important;
|
background-color:#ffffff !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
background-color:#ffffff !important;
|
background-color:#ffffff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -36,7 +34,6 @@ h1 {
|
|||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:40px;
|
line-height:40px;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
@@ -64,7 +61,6 @@ h1 {
|
|||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-color:#666666;
|
background-color:#666666;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
@@ -145,7 +141,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -173,8 +168,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -184,27 +177,23 @@ hr {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
color:#606060;
|
color:#606060;
|
||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
line-height:20px;
|
line-height:20px;
|
||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
width:77%;
|
width:77%;
|
||||||
margin-left:11%;
|
margin-left:11%;
|
||||||
@@ -226,7 +215,6 @@ font-size:14px;
|
|||||||
margin-bottom:4%;
|
margin-bottom:4%;
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
@@ -237,186 +225,202 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 100%;
|
||||||
font-weight:300;
|
padding-left:5%;
|
||||||
color:#606060;
|
padding-right:8%;
|
||||||
line-height:20px;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
font-family:"Roboto", sans-serif;
|
||||||
font-size:14px;
|
font-weight:300;
|
||||||
}
|
color:#606060;
|
||||||
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:5%;
|
width: 100%;
|
||||||
padding-bottom:5%;
|
padding-left:5%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-top:5%;
|
||||||
font-weight:300;
|
padding-bottom:5%;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
color:#606060;
|
font-weight:300;
|
||||||
letter-spacing:0.03em;
|
float:left;
|
||||||
font-size:14px;
|
line-height:20px;
|
||||||
}
|
color:#606060;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_peardeck_banner1.jpg');
|
background: url('/images/CaseStudy_peardeck_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
padding-left:0%;
|
padding-left:0;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:80%;
|
||||||
background: url('/images/CaseStudy_peardeck_banner3.jpg');
|
padding-left:15%;
|
||||||
}
|
padding-right:10%;
|
||||||
|
float:left;
|
||||||
|
background: url('/images/CaseStudy_peardeck_banner3.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_peardeck_banner2.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_peardeck_banner2.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
padding-left:0%;
|
padding-left:0;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-top:5%;
|
padding-left:2%;
|
||||||
padding-bottom:5%;
|
padding-right:10%;
|
||||||
text-align:center;
|
padding-top:5%;
|
||||||
margin:0 auto;
|
padding-bottom:5%;
|
||||||
}
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
@media screen and (max-width: 480px){
|
||||||
|
|
||||||
|
|||||||
+216
-319
@@ -13,28 +13,28 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.material-icons {
|
.material-icons {
|
||||||
font-family: 'Material Icons';
|
font-family: 'Material Icons';
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: 24px; /* Preferred icon size */
|
font-size: 24px; /* Preferred icon size */
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
direction: ltr;
|
direction: ltr;
|
||||||
|
|
||||||
/* Support for all WebKit browsers. */
|
/* Support for all WebKit browsers. */
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
/* Support for Safari and Chrome. */
|
/* Support for Safari and Chrome. */
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
|
|
||||||
/* Support for Firefox. */
|
/* Support for Firefox. */
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
|
||||||
/* Support for IE. */
|
/* Support for IE. */
|
||||||
font-feature-settings: 'liga';
|
font-feature-settings: 'liga';
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@@ -50,30 +50,26 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
span .editthispage {
|
span .editthispage {
|
||||||
display: -webkit-inline-box !important;
|
display: -webkit-inline-box !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.editthispage {
|
.editthispage {
|
||||||
display: -webkit-inline-box !important;
|
display: -webkit-inline-box !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
padding-top: 3% !important;
|
||||||
padding-top: 3% !important;
|
padding-bottom: 1.5% !important;
|
||||||
padding-bottom: 1.5% !important;
|
padding-left: 3% !important;
|
||||||
padding-left: 3% !important;
|
padding-right: 3% !important;
|
||||||
padding-right: 3% !important;
|
text-align: center !important;
|
||||||
text-align: center !important;
|
font-size: 22pt !important;
|
||||||
font-size: 22pt !important;
|
font-weight:normal;
|
||||||
font-weight:normal;
|
color:#303030;
|
||||||
color:#303030;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
width:80%;
|
width:80%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.issue-button-container {
|
.issue-button-container {
|
||||||
@@ -108,7 +104,6 @@ width:80%;
|
|||||||
margin-bottom:50px !important;
|
margin-bottom:50px !important;
|
||||||
color:#3371e3 !important;
|
color:#3371e3 !important;
|
||||||
text-decoration:none !important;
|
text-decoration:none !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.docstitle {
|
.docstitle {
|
||||||
@@ -138,7 +133,6 @@ width:80%;
|
|||||||
.browsecolumn {
|
.browsecolumn {
|
||||||
float:left;
|
float:left;
|
||||||
width: 33%;
|
width: 33%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.browsesection {
|
.browsesection {
|
||||||
@@ -153,117 +147,105 @@ width:80%;
|
|||||||
color:#606060 !important;
|
color:#606060 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.browseheader {
|
.browseheader {
|
||||||
font-family: 'roboto';
|
font-family: 'roboto';
|
||||||
text-align:center;
|
text-align:center;
|
||||||
padding:1%;
|
padding:1%;
|
||||||
color:white !important;
|
color:white !important;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
font-weight:400;
|
font-weight:400;
|
||||||
background-color:#303030;
|
background-color:#303030;
|
||||||
letter-spacing:0.08em;
|
letter-spacing:0.08em;
|
||||||
background-repeat:repeat;
|
background-repeat:repeat;
|
||||||
background-size:contain;
|
background-size:contain;
|
||||||
background-position:center;
|
background-position:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.browseheader a{
|
.browseheader a{
|
||||||
|
color:white !important;
|
||||||
color:white !important;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.topheader {
|
.topheader {
|
||||||
background-color: white !important;
|
background-color: white !important;
|
||||||
color:#303030;
|
color:#303030;
|
||||||
font-family: 'roboto';
|
font-family: 'roboto';
|
||||||
text-align:center;
|
text-align:center;
|
||||||
padding:3%;
|
padding:3%;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:24pt;
|
font-size:24pt;
|
||||||
letter-spacing:0.06em;
|
letter-spacing:0.06em;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.docssectionheaders {
|
.docssectionheaders {
|
||||||
background-color: #eeeeee !important;
|
background-color: #eeeeee !important;
|
||||||
color:#3371e3;
|
color:#3371e3;
|
||||||
font-family: 'roboto';
|
font-family: 'roboto';
|
||||||
text-align:center;
|
text-align:center;
|
||||||
padding: 3%;
|
padding: 3%;
|
||||||
margin: 6% 0% 2% 0%;
|
margin: 6% 0% 2% 0%;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:18pt;
|
font-size:18pt;
|
||||||
letter-spacing:0.06em;
|
letter-spacing:0.06em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.docscols {
|
.docscols {
|
||||||
width:100%;
|
width:100%;
|
||||||
float:left;
|
float:left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section1 {
|
.section1 {
|
||||||
width:100%;
|
width:100%;
|
||||||
float:left;
|
float:left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.docscol1 {
|
.docscol1 {
|
||||||
background-color:#eeeeee;
|
background-color:#eeeeee;
|
||||||
padding:2%;
|
padding:2%;
|
||||||
margin-right:2%;
|
margin-right:2%;
|
||||||
width:28% !important;
|
width:28% !important;
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
float:left;
|
float:left;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.docscol2 {
|
.docscol2 {
|
||||||
background-color:#ffffff;
|
background-color:#ffffff;
|
||||||
border:1px solid #aaaaaa;
|
border:1px solid #aaaaaa;
|
||||||
padding:2%;
|
padding:2%;
|
||||||
width:27% !important;
|
width:27% !important;
|
||||||
float:left;
|
float:left;
|
||||||
margin-right:2%;
|
margin-right:2%;
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.docscol3 {
|
.docscol3 {
|
||||||
background-color:#ffffff;
|
background-color:#ffffff;
|
||||||
padding:1.5%;
|
padding:1.5%;
|
||||||
width:27% !important;
|
width:27% !important;
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
float:right;
|
float:right;
|
||||||
border:1px solid blue;
|
border:1px solid blue;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.docscoltitle {
|
.docscoltitle {
|
||||||
float:left;
|
float:left;
|
||||||
padding-top:%;
|
padding-top:0;
|
||||||
margin-right:2%;
|
margin-right:2%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
font-size:16pt;
|
font-size:16pt;
|
||||||
line-height:20pt;
|
line-height:20pt;
|
||||||
font-weight:400;
|
font-weight:400;
|
||||||
color:#3371e3;
|
color:#3371e3;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.docsfullcol1 {
|
.docsfullcol1 {
|
||||||
|
|
||||||
width:95%;
|
width:95%;
|
||||||
padding:2%;
|
padding:2%;
|
||||||
margin:3%;
|
margin:3%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.docsfullcol2 {
|
.docsfullcol2 {
|
||||||
|
|
||||||
width:95%;
|
width:95%;
|
||||||
padding:2%;
|
padding:2%;
|
||||||
background-color:#eeeeee;
|
background-color:#eeeeee;
|
||||||
@@ -271,14 +253,12 @@ color:#3371e3;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.docsfullcol3 {
|
.docsfullcol3 {
|
||||||
background-color:#ffffff;
|
background-color:#ffffff;
|
||||||
padding:2%;
|
padding:2%;
|
||||||
width:95%;
|
width:95%;
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
|
border:1px solid blue;
|
||||||
border:1px solid blue;
|
margin:3%;
|
||||||
margin:3%;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.docsfullcol1icon {
|
.docsfullcol1icon {
|
||||||
@@ -287,71 +267,62 @@ margin:3%;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.docstitle2 {
|
.docstitle2 {
|
||||||
padding:0%;
|
padding:0%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
font-size:16pt;
|
font-size:16pt;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
font-weight:400;
|
font-weight:400;
|
||||||
padding-top:2%;
|
padding-top:2%;
|
||||||
color:#3371e3;
|
color:#3371e3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.docsButton {
|
.docsButton {
|
||||||
|
background-color:#3371e3;
|
||||||
background-color:#3371e3;
|
color:white;
|
||||||
color:white;
|
border: 2px solid #ffffff;
|
||||||
border: 2px solid #ffffff;
|
-moz-border-radius: 5px;
|
||||||
-moz-border-radius: 5px;
|
-webkit-border-radius: 5px;
|
||||||
-webkit-border-radius: 5px;
|
border-radius: 5px; /* future proofing */
|
||||||
border-radius: 5px; /* future proofing */
|
-khtml-border-radius: 5px; /* for old Konqueror browsers */
|
||||||
-khtml-border-radius: 5px; /* for old Konqueror browsers */
|
border: 2px solid #ffffff;
|
||||||
border: 2px solid #ffffff;
|
padding:1%;
|
||||||
padding:1%;
|
text-decoration:none;
|
||||||
text-decoration:none;
|
margin:0%;
|
||||||
margin:%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.material-icons {
|
.material-icons {
|
||||||
|
font-size:50pt !important;
|
||||||
font-size:50pt !important;
|
color:#3371e3;
|
||||||
color:#3371e3;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.paths {
|
.paths {
|
||||||
padding:1%;
|
padding:1%;
|
||||||
background-color:#3371e3;
|
background-color:#3371e3;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.display-bar {
|
.display-bar {
|
||||||
padding:1%;
|
padding:1%;
|
||||||
background-color:#303030;
|
background-color:#303030;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-family: 'roboto';
|
font-family: 'roboto';
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
letter-spacing:0.1em;
|
letter-spacing:0.1em;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.cards {
|
.cards {
|
||||||
padding:3%;
|
padding:3%;
|
||||||
width:80%;
|
width:80%;
|
||||||
margin-left:10%;
|
margin-left:10%;
|
||||||
background-color:#ffffff;
|
background-color:#ffffff;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
font-family: 'roboto';
|
font-family: 'roboto';
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
letter-spacing:0.1em;
|
letter-spacing:0.1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cards > div {
|
.cards > div {
|
||||||
@@ -359,7 +330,6 @@ letter-spacing:0.1em;
|
|||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
|
||||||
-moz-border-radius: 5px;
|
-moz-border-radius: 5px;
|
||||||
-webkit-border-radius: 5px;
|
-webkit-border-radius: 5px;
|
||||||
border-radius: 5px; /* future proofing */
|
border-radius: 5px; /* future proofing */
|
||||||
@@ -373,10 +343,8 @@ button {
|
|||||||
text-align:center;
|
text-align:center;
|
||||||
letter-spacing:0.1em;
|
letter-spacing:0.1em;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.navButton {
|
.navButton {
|
||||||
white-space:nowrap;
|
white-space:nowrap;
|
||||||
-moz-border-radius: 5px;
|
-moz-border-radius: 5px;
|
||||||
@@ -394,40 +362,32 @@ button {
|
|||||||
letter-spacing:0.1em;
|
letter-spacing:0.1em;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navButton:active {
|
.navButton:active {
|
||||||
|
|
||||||
background-color:#3371e3;
|
background-color:#3371e3;
|
||||||
color:white;
|
color:white;
|
||||||
border: 2px solid #ffffff;
|
border: 2px solid #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navButton:visited {
|
.navButton:visited {
|
||||||
|
|
||||||
background-color:#3371e3;
|
background-color:#3371e3;
|
||||||
color:white;
|
color:white;
|
||||||
border: 2px solid #ffffff;
|
border: 2px solid #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navButton:focus {
|
.navButton:focus {
|
||||||
|
background-color:#3371e3 !important;
|
||||||
background-color:#3371e3 !important</div>;
|
|
||||||
color:white;
|
color:white;
|
||||||
border: 2px solid #ffffff;
|
border: 2px solid #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.navButton:hover, .keepShow {
|
.navButton:hover, .keepShow {
|
||||||
|
|
||||||
background-color:#3371e3;
|
background-color:#3371e3;
|
||||||
color:white;
|
color:white;
|
||||||
border: 2px solid #ffffff;
|
border: 2px solid #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
background-color:#3371e3;
|
background-color:#3371e3;
|
||||||
white-space:nowrap;
|
white-space:nowrap;
|
||||||
@@ -447,11 +407,8 @@ button {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align:middle;
|
vertical-align:middle;
|
||||||
line-height:1.3em;
|
line-height:1.3em;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.buttonoption1 {
|
.buttonoption1 {
|
||||||
background-color:#3371e3;
|
background-color:#3371e3;
|
||||||
-moz-border-radius: 5px;
|
-moz-border-radius: 5px;
|
||||||
@@ -469,21 +426,15 @@ button {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
width:250px;
|
width:250px;
|
||||||
vertical-align:middle;
|
vertical-align:middle;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.buttons:active .active{
|
.buttons:active .active{
|
||||||
|
|
||||||
background-color:white;
|
background-color:white;
|
||||||
color:#3371e3;
|
color:#3371e3;
|
||||||
border: 2px solid #3371e3;
|
border: 2px solid #3371e3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons:hover {
|
.buttons:hover {
|
||||||
|
|
||||||
background-color:white;
|
background-color:white;
|
||||||
color:#3371e3;
|
color:#3371e3;
|
||||||
border: 2px solid #3371e3;
|
border: 2px solid #3371e3;
|
||||||
@@ -491,34 +442,27 @@ button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.buttons:target {
|
.buttons:target {
|
||||||
|
|
||||||
background-color:white;
|
background-color:white;
|
||||||
color:#3371e3;
|
color:#3371e3;
|
||||||
border: 2px solid #3371e3;
|
border: 2px solid #3371e3;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons:visited {
|
.buttons:visited {
|
||||||
|
|
||||||
background-color:white;
|
background-color:white;
|
||||||
color:#3371e3;
|
color:#3371e3;
|
||||||
border: 2px solid #3371e3;
|
border: 2px solid #3371e3;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons.selected {
|
.buttons.selected {
|
||||||
background-color:white;
|
background-color:white;
|
||||||
color:#3371e3;
|
color:#3371e3;
|
||||||
border: 2px solid #3371e3;
|
border: 2px solid #3371e3;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*.keepShow {
|
/*.keepShow {
|
||||||
|
|
||||||
background-color:white;
|
background-color:white;
|
||||||
color:#3371e3;
|
color:#3371e3;
|
||||||
border: 2px solid white;
|
border: 2px solid white;
|
||||||
|
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
.level {
|
.level {
|
||||||
@@ -541,9 +485,8 @@ button {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
width:250px; cursor: pointer;
|
width:250px; cursor: pointer;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.level:hover, .level.selected {
|
.level:hover, .level.selected {
|
||||||
background-color:#dddddd;
|
background-color:#dddddd;
|
||||||
-moz-border-radius: 5px;
|
-moz-border-radius: 5px;
|
||||||
@@ -551,67 +494,57 @@ button {
|
|||||||
border-radius: 5px; /* future proofing */
|
border-radius: 5px; /* future proofing */
|
||||||
-khtml-border-radius: 5px; /* for old Konqueror browsers */
|
-khtml-border-radius: 5px; /* for old Konqueror browsers */
|
||||||
border: 2px solid #303030;
|
border: 2px solid #303030;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.tab1text{
|
.tab1text{
|
||||||
padding:5%;
|
padding:5%;
|
||||||
color:#303030;
|
color:#303030;
|
||||||
font-size:15px;
|
font-size:15px;
|
||||||
line-height:22px;
|
line-height:22px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabbottom {
|
.tabbottom {
|
||||||
|
background-color:#303030;
|
||||||
background-color:#303030;
|
color:#ffffff;;
|
||||||
color:#ffffff;;
|
font-family:'roboto';
|
||||||
font-family:'roboto';
|
width:100%;
|
||||||
width:100%;
|
margin:0px;
|
||||||
margin:0px;
|
font-size:34 !important;
|
||||||
font-size:34 !important;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
i {
|
i {
|
||||||
|
|
||||||
font-size:44px !important;
|
font-size:44px !important;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
color:#000066;
|
color:#000066;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.infobarWrapper {
|
.infobarWrapper {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
margin-bottom:5%;
|
margin-bottom:5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.infobar {
|
.infobar {
|
||||||
padding:0%;
|
padding:0%;
|
||||||
background-color:#3371e3;
|
background-color:#3371e3;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
-moz-border-radius: 5px;
|
-moz-border-radius: 5px;
|
||||||
-webkit-border-radius: 5px;
|
-webkit-border-radius: 5px;
|
||||||
border-radius: 5px; /* future proofing */
|
border-radius: 5px; /* future proofing */
|
||||||
-khtml-border-radius: 5px; /* for old Konqueror browsers */
|
-khtml-border-radius: 5px; /* for old Konqueror browsers */
|
||||||
border: 2px solid #ffffff;
|
border: 2px solid #ffffff;
|
||||||
padding:2%;
|
padding:2%;
|
||||||
font-size:22px;
|
font-size:22px;
|
||||||
line-height:30px;
|
line-height:30px;
|
||||||
letter-spacing:0.07em;
|
letter-spacing:0.07em;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
margin:3%;
|
margin:3%;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
font-family: 'roboto';
|
font-family: 'roboto';
|
||||||
width:70%;
|
width:70%;
|
||||||
margin-left:15%;
|
margin-left:15%;
|
||||||
margin-bottom:3%;
|
margin-bottom:3%;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.whitebar {
|
.whitebar {
|
||||||
@@ -633,7 +566,7 @@ i {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.whitebararrow{
|
.whitebararrow{
|
||||||
float:right
|
float:right;
|
||||||
padding:3%;
|
padding:3%;
|
||||||
font-size:15px;
|
font-size:15px;
|
||||||
z-index:99;
|
z-index:99;
|
||||||
@@ -644,42 +577,32 @@ i {
|
|||||||
text-align:right;
|
text-align:right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.hide {
|
.hide {
|
||||||
|
float:left;
|
||||||
float:left;
|
font-size:16px;
|
||||||
font-size:16px;
|
padding-left:2%;
|
||||||
padding-left:2%;
|
padding-bottom:5%;
|
||||||
padding-bottom:5%;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.fa {
|
.fa {
|
||||||
|
|
||||||
line-height:0.7em !important;
|
line-height:0.7em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.infoicon {
|
.infoicon {
|
||||||
float:left;
|
float:left;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-right:2%;
|
padding-right:2%;
|
||||||
margin-bottom:10%:
|
margin-bottom:10%;
|
||||||
color:#3371e3 !important;
|
color:#3371e3 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.numberCircle {
|
.numberCircle {
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
line-height:0px;
|
line-height:0px;
|
||||||
|
border-radius:5px;
|
||||||
border-radius:5px;
|
border:2px solid;
|
||||||
border:2px solid;
|
font-weight:300;
|
||||||
font-weight:300;
|
font-size:24px;
|
||||||
font-size:24px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.numberCircle span {
|
.numberCircle span {
|
||||||
@@ -705,7 +628,6 @@ font-size:24px;
|
|||||||
text-align:center;
|
text-align:center;
|
||||||
letter-spacing:0.1em;
|
letter-spacing:0.1em;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.docButton:hover {
|
.docButton:hover {
|
||||||
@@ -713,15 +635,12 @@ font-size:24px;
|
|||||||
background-color:#3371e3;
|
background-color:#3371e3;
|
||||||
font-size:13px;
|
font-size:13px;
|
||||||
color:#eeeeee;
|
color:#eeeeee;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tablebar {
|
.tablebar {
|
||||||
text-align:center;
|
text-align:center;
|
||||||
background-color:#eeeeee;
|
background-color:#eeeeee;
|
||||||
padding:1.5%;
|
padding:1.5%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.aboutsection {
|
.aboutsection {
|
||||||
@@ -734,7 +653,6 @@ font-size:24px;
|
|||||||
width:70%;
|
width:70%;
|
||||||
margin-left:15%;
|
margin-left:15%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.aboutsection p {
|
.aboutsection p {
|
||||||
@@ -810,15 +728,12 @@ font-size:24px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.docsection1 code {
|
.docsection1 code {
|
||||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||||
|
font-size: 90%;
|
||||||
font-size: 90%;
|
padding: 2px 4px;
|
||||||
|
color: #c7254e;
|
||||||
padding: 2px 4px;
|
border-radius: 4px;
|
||||||
|
background-color: #f9f2f4;
|
||||||
color: #c7254e;
|
|
||||||
border-radius: 4px;
|
|
||||||
background-color: #f9f2f4;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.intro {
|
.intro {
|
||||||
@@ -831,8 +746,8 @@ font-size:24px;
|
|||||||
line-height:22px;
|
line-height:22px;
|
||||||
width:100%;
|
width:100%;
|
||||||
margin-left:10%;
|
margin-left:10%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.introtext {
|
.introtext {
|
||||||
float:right;
|
float:right;
|
||||||
background-color:white;
|
background-color:white;
|
||||||
@@ -844,7 +759,6 @@ font-size:24px;
|
|||||||
line-height:22px;
|
line-height:22px;
|
||||||
width:50%;
|
width:50%;
|
||||||
margin-left:10%;
|
margin-left:10%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.track {
|
.track {
|
||||||
@@ -859,11 +773,8 @@ font-size:24px;
|
|||||||
letter-spacing:0.05em;
|
letter-spacing:0.05em;
|
||||||
line-height:22px;
|
line-height:22px;
|
||||||
width:100%;
|
width:100%;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.sections {
|
.sections {
|
||||||
background-color:#303030;
|
background-color:#303030;
|
||||||
font-family: 'roboto';
|
font-family: 'roboto';
|
||||||
@@ -876,18 +787,13 @@ font-size:24px;
|
|||||||
letter-spacing:0.05em;
|
letter-spacing:0.05em;
|
||||||
line-height:22px;
|
line-height:22px;
|
||||||
width:100%;
|
width:100%;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.quotedocs {
|
.quotedocs {
|
||||||
line-height:26pt;
|
line-height:26pt;
|
||||||
font-size:16pt;
|
font-size:16pt;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
table {
|
table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
@@ -897,7 +803,7 @@ table {
|
|||||||
}
|
}
|
||||||
|
|
||||||
thead, tr:nth-child(even) {
|
thead, tr:nth-child(even) {
|
||||||
background-color: $light-grey;
|
background-color: light-grey;
|
||||||
}
|
}
|
||||||
|
|
||||||
thead {
|
thead {
|
||||||
@@ -916,36 +822,27 @@ th {
|
|||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 640px) {
|
@media screen and (max-width: 640px) {
|
||||||
|
|
||||||
.browsecolumn {
|
.browsecolumn {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.paths {
|
|
||||||
|
|
||||||
margin-top : 10%;
|
|
||||||
padding:4%;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.navButton {
|
|
||||||
padding:2%;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.buttons {
|
|
||||||
padding:4%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.whitebar {
|
|
||||||
padding:5%;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
.paths {
|
||||||
|
margin-top : 10%;
|
||||||
|
padding:4%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navButton {
|
||||||
|
padding:2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttons {
|
||||||
|
padding:4%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.whitebar {
|
||||||
|
padding:5%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
+189
-183
@@ -1,6 +1,6 @@
|
|||||||
#caseStudyTitle {
|
#caseStudyTitle {
|
||||||
margin-top: 1em !important;
|
margin-top: 1em !important;
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@@ -15,7 +15,6 @@ a {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -31,7 +30,6 @@ h1 {
|
|||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:40px;
|
line-height:40px;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
@@ -59,7 +57,6 @@ h1 {
|
|||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-color:#666666;
|
background-color:#666666;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
@@ -140,7 +137,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -168,8 +164,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -179,23 +173,21 @@ hr {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
color:#606060;
|
color:#606060;
|
||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
line-height:20px;
|
line-height:20px;
|
||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
@@ -229,188 +221,202 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 100%;
|
||||||
font-weight:300;
|
padding-left:5%;
|
||||||
color:#606060;
|
padding-right:8%;
|
||||||
line-height:20px;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
font-family:"Roboto", sans-serif;
|
||||||
font-size:14px;
|
font-weight:300;
|
||||||
}
|
color:#606060;
|
||||||
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:5%;
|
width: 100%;
|
||||||
padding-bottom:5%;
|
padding-left:5%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-top:5%;
|
||||||
font-weight:300;
|
padding-bottom:5%;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
color:#606060;
|
font-weight:300;
|
||||||
letter-spacing:0.03em;
|
float:left;
|
||||||
font-size:14px;
|
line-height:20px;
|
||||||
}
|
color:#606060;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_wink_banner1.jpg');
|
background: url('/images/CaseStudy_wink_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
padding-left:0%;
|
padding-left:0;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:80%;
|
||||||
padding-left:15%;
|
padding-left:15%;
|
||||||
padding-right:10%;
|
padding-right:10%;
|
||||||
background: url('/images/CaseStudy_wink_banner3.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_wink_banner3.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_wink_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_wink_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
padding-left:0%;
|
padding-left:0;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
padding-top:5%;
|
padding-left:2%;
|
||||||
padding-bottom:5%;
|
padding-right:10%;
|
||||||
text-align:center;
|
padding-top:5%;
|
||||||
margin:0 auto;
|
padding-bottom:5%;
|
||||||
}
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:80%;
|
width:80%;
|
||||||
text-align:center;
|
padding-left:10%;
|
||||||
margin:0 auto;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
@media screen and (max-width: 480px){
|
||||||
|
|
||||||
|
|||||||
+181
-183
@@ -1,6 +1,6 @@
|
|||||||
#caseStudyTitle {
|
#caseStudyTitle {
|
||||||
margin-top: 1em !important;
|
margin-top: 1em !important;
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@@ -9,7 +9,6 @@ p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
|
|
||||||
width:23%;
|
width:23%;
|
||||||
margin-bottom:-0.6%;
|
margin-bottom:-0.6%;
|
||||||
margin-left:10px;
|
margin-left:10px;
|
||||||
@@ -22,7 +21,6 @@ a {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -39,7 +37,6 @@ h1 {
|
|||||||
line-height:40px;
|
line-height:40px;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
padding-top:0.5%;
|
padding-top:0.5%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
@@ -68,7 +65,6 @@ h1 {
|
|||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
background-color:#666666;
|
background-color:#666666;
|
||||||
background-repeat:repeat;
|
background-repeat:repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
@@ -149,7 +145,6 @@ h1 {
|
|||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
@@ -177,7 +172,6 @@ h2 {
|
|||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-bottom:0px solid;
|
border-bottom:0px solid;
|
||||||
width:100%;
|
width:100%;
|
||||||
@@ -193,7 +187,6 @@ hr {
|
|||||||
line-height:20px;
|
line-height:20px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
@@ -203,7 +196,6 @@ hr {
|
|||||||
color:#606060;
|
color:#606060;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
@@ -237,207 +229,213 @@ h4 {
|
|||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 910px){
|
@media screen and (max-width: 910px){
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
line-height:36px;
|
line-height:36px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
font-size:30px !important;
|
font-size:30px !important;
|
||||||
padding-bottom:0px;
|
padding-bottom:0px;
|
||||||
width:80%;
|
width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
margin-bottom:-.5%;
|
margin-bottom:-.5%;
|
||||||
magin-left:10px;
|
margin-left:10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
font-weight:100;
|
font-weight:100;
|
||||||
line-height:27px;
|
line-height:27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
color:#3366ff;
|
color:#3366ff;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
line-height:28px;
|
line-height:28px;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:8%;
|
width:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col1 {
|
.col1 {
|
||||||
font-family:"Roboto", sans-serif;
|
width: 95%;
|
||||||
font-weight:300;
|
padding-right:8%;
|
||||||
color:#606060;
|
float:left;
|
||||||
line-height:20px;
|
font-family:"Roboto", sans-serif;
|
||||||
letter-spacing:0.03em;
|
font-weight:300;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
line-height:20px;
|
||||||
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.col2 {
|
.col2 {
|
||||||
padding-top:2%;
|
width: 95%;
|
||||||
padding-bottom:5%;
|
padding-top:2%;
|
||||||
font-family:"Roboto", sans-serif;
|
padding-bottom:5%;
|
||||||
font-weight:300;
|
font-family:"Roboto", sans-serif;
|
||||||
line-height:20px;
|
font-weight:300;
|
||||||
color:#606060;
|
float:left;
|
||||||
letter-spacing:0.03em;
|
line-height:20px;
|
||||||
font-size:14px;
|
color:#606060;
|
||||||
}
|
letter-spacing:0.03em;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
|
||||||
.banner1 {
|
.banner1 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:15%;
|
padding-top:15%;
|
||||||
padding-bottom:2%;
|
padding-bottom:2%;
|
||||||
padding-left:10%;
|
padding-left:10%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background: url('/images/CaseStudy_zalando_banner1.jpg');
|
background: url('/images/CaseStudy_zalando_banner1.jpg');
|
||||||
background-size:100% auto;
|
background-size:100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner2 {
|
.banner2 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3 {
|
.banner3 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:90%;
|
||||||
background: url('/images/CaseStudy_zalando_banner3.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_zalando_banner3.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner4 {
|
.banner4 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background: url('/images/CaseStudy_zalando_banner4.jpg');
|
float:left;
|
||||||
}
|
background: url('/images/CaseStudy_zalando_banner4.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
.banner5 {
|
.banner5 {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
padding-top:4%;
|
padding-top:4%;
|
||||||
padding-bottom:4%;
|
padding-bottom:4%;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
letter-spacing:0.03em;
|
letter-spacing:0.03em;
|
||||||
line-height:23px;
|
line-height:23px;
|
||||||
width:100%;
|
width:100%;
|
||||||
background:none;
|
float:left;
|
||||||
background-color:#666666;
|
background:none;
|
||||||
}
|
background-color:#666666;
|
||||||
|
}
|
||||||
|
|
||||||
.banner2text {
|
.banner2text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-bottom:1%;
|
padding-bottom:1%;
|
||||||
padding-top:1%;
|
padding-top:1%;
|
||||||
text-align:center;
|
float:left;
|
||||||
color:#ffffff;
|
text-align:center;
|
||||||
}
|
color:#ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.banner3text {
|
.banner3text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:5%;
|
padding-top:5%;
|
||||||
padding-bottom:5%;
|
padding-bottom:5%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner4text {
|
.banner4text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:3%;
|
padding-top:3%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner5text {
|
.banner5text {
|
||||||
font-family:"Roboto", sans-serif;
|
font-family:"Roboto", sans-serif;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
width:90%;
|
width:90%;
|
||||||
padding-left:5%;
|
padding-left:5%;
|
||||||
padding-top:3%;
|
padding-top:3%;
|
||||||
padding-bottom:3%;
|
padding-bottom:3%;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullcol {
|
.fullcol {
|
||||||
margin-top:6%;
|
margin-top:6%;
|
||||||
margin-bottom:8%;
|
margin-bottom:8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height:26px;
|
line-height:26px;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote {
|
.quote {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:24px;
|
line-height:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width:35%;
|
width:35%;
|
||||||
}
|
}
|
||||||
|
} /* End Media 910px */
|
||||||
|
|
||||||
@media screen and (max-width: 580px){
|
@media screen and (max-width: 580px){
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
width:60%;
|
width:60%;
|
||||||
margin-bottom:1%;
|
margin-bottom:1%;
|
||||||
margin-left:0%;
|
margin-left:0;
|
||||||
margin-top:2%;
|
margin-top:2%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user