@charset "utf-8"; html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, ul, li{
border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;
}
html {
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}/* CSS Document */
article, header, main, section {
display: block;
}
ol, ul {
list-style: none;
} html, body {
height: 100%;
}
- page {
min-height: 100%; height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */ height: 100%; margin: 0px auto -87px; /* the bottom margin is the negative value of the footer's height */
} .home header {
margin-top: -50px;
} .dividingline{ background:#e8f1f5 ; width:500px; hight:200px; padding:4px; border:1px thin #1D1B1B; } .divide img{ margin:0px 48% 80px 48%; width:4.8rem;
} /*-------------------------------------------------------------- 2.0 Typography
*/
body, button, input, select, textarea {
font-family: "futura pt", "futura-pt", arial, sans-serif; font-style: normal; font-weight: 300; font-size: 16px; font-size: 1.6rem; line-height: 1.3; color: #2f353c;
}
body {
background-color:#e8f1f5; ;
}
h1, h2, h3, h4, h5, h6 {
clear: both; margin-bottom: 1.500em; line-height: 1.3;
}
h1 {
font-size: 1.750em; font-weight: 700;
}
h2 {
font-size: 1.500em; font-weight: 700;
}
h3 {
font-size: 1.250em; font-weight: 700;
}
h4 {
font-size: 1em; font-weight: 700;
}
h5 {
font-size: 0.750em; font-weight: 400; letter-spacing: 0.6px; text-transform: uppercase;
}
p {
font-size: 1.125em; margin-bottom: 1.500em; line-height: 1.3; font-weight: 400;
}
small {
font-size: 1rem
}
@media screen and (min-width: 600px) {
h1 { font-size: 2.000em; }
}
@media screen and (min-width: 1200px) {
h1 { font-size: 2.625em; } h5 { font-size: 0.875em; } p { font-size: 1.250em; }
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 1.5rem;
}
abbr, acronym {
border-bottom: 1px dotted #666; cursor: help;
}
mark, ins {
background: #fff9c0; text-decoration: none;
}
sup, sub {
font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
*/
hr {
background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em;
}
ul, ol {
margin: 0;
}
ul {
list-style: none;
}
ol {
list-style: decimal;
}
li>ul, li>ol {
margin-bottom: 0; margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
/* img {
height: auto;
max-width: 100%;
} */
figure {
margin: 0;
}
table {
margin: 0 0 1.5em; width: 100%;
}
th {
font-weight: bold;
} .hello {
text-align: center;
}
.services, .approach {
text-align: center; margin-bottom: 180px;
}
.process {
text-align: center; margin-bottom: 90px;
}
.hello h1, .services h1, .approach h1, .process h1, .contact h1 {
font-size: 2.625em; font-weight: 700; line-height: 1; margin-top: 20px; text-align: center; color: #004a7c;
}
.hello p, .services p, .approach p, .process p {
font-size: 1.5em; line-height: 1.3; letter-spacing: 0.2px; max-width: 550px; margin: 0 auto 1.3em;
}
.services .content-column p, .approach .content-column p, .process .content-column p {
font-size: 1em;
}
.services .content-column, .approach .content-column, .process .content-column {
text-align: left;
}
.process h2 {
font-size: 4.250em; font-weight: 700;
}
.hello h2, .services h2, .approach h2, .process h3 {
font-size: 1.500em; font-weight: 700; border-top: 1px solid #c8c4bb; border-bottom: 1px solid #c8c4bb; padding: 10px 0; margin-bottom: 10px;
}
.contact-header {
text-align: center;
}
.contact-map {
float: left; width: 33%; padding: 0 1.25em 0 0;
}
.contact-text {
float: left; width: 33%; padding: 0 0.75em 0;
}
.contact-details {
float: left; width: 33%; padding: 0 0 0 1.25em;
}
.contact-map {
height: 350px;
}
@media screen and (max-width: 480px) {
.overview-header { height: auto; } .work-pod, .news-pod, .tweet-pod { width: 100% } .news-summary-image, .news-summary-text { width: 260px; } .news-pod .news-inner, .tweet-pod .tweet-inner { float: none; margin: 0 auto; width: 260px; } .hello { margin: 60px 0 100px; } .services, .approach { margin-bottom: 100px; } .news-summary-text .date { display: none; } .news-summary-text h2 { margin-top: 1em; } .contact-details, .contact-text, .contact-map { padding: 0; } .overlay { display: none; } .contact-details p, .contact-text h2 { font-size: 1.250em; } .phone:before, email:before, .address:before { background: none; } .phone, .email, .address { padding-left: 0; } .footer-content { display: none; } .footer-mobile { display: block; }
}