Team:Tianjin/Resources/CSS:maincss

@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%;

}

  1. 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;
   }

}