@import url(https://fonts.googleapis.com/css?family=Lato:400,700|Droid+Serif:700italic);
@import url(https://fonts.googleapis.com/css?family=Slabo+27px);
/*
Theme Name: JHR Custom 2015
Theme URI: http://jhrenvironmentaltesting.com
Author: Brian Brennan
Author URI: http://brianbrennan.com
Description: Custom Theme for JHR Environmental Testing
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box; }

body {
  background: #FFF;
  font-family: 'Lato', sans-serif;
  color: #7f8c8d;
  line-height: 2;
  height: 2000px; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Slabo 27px', serif;
  color: #34495e;
  font-size: 36px; }

b {
  font-weight: bold; }

i {
  font-style: italic; }

.wrapper {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }
  .wrapper:after {
    content: " ";
    display: block;
    clear: both; }

header {
  color: #FFF;
  padding: 8px;
  position: fixed;
  width: 100%;
  background-color: #376fcb;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  top: 0;
  z-index: 100; }
  header a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s; }
    header a:hover {
      color: #ecf0f1; }
  header.nav-up {
    top: -80px; }
  header .logo {
    background-image: url('components/img/logo.png');
    height: 100px;
    width: 150px;
    float: left;
    background-size: cover; }
  header nav {
    float: right;
    width: 100%; }
    header nav ul {
      text-align: center; }
      header nav ul li {
        display: inline-block;
        margin: 0px 30px;
        padding: 3px 15px; }
        header nav ul li:hover {
          background-color: #21cc3b;
          color: #FFF;
          border-radius: 3px; }
      header nav ul .cta-link {
        background-color: #21cc3b;
        padding: 3px 15px;
        color: #FFF;
        border-radius: 3px; }

.cta {
  background-color: #21cc3b;
  text-decoration: none;
  padding: 8px 15px;
  font-size: 20px;
  color: #FFF;
  border-radius: 3px; }

.hero {
  height: 80vh;
  background-image: url('components/img/door-min.png');
  background-repeat: no-repeat;
  background-size: cover; }
  .hero .focus-piece {
    padding-top: 8%;
    text-align: center; }
    .hero .focus-piece .logo {
      background-image: url('components/img/logo.png');
      height: 166px;
      width: 250px;
      margin: auto;
      background-size: cover; }
    .hero .focus-piece .cta {
      padding: 15px 30px;
      font-size: 24px;
      display: inline-block; }
    .hero .focus-piece .num {
      font-family: 'Slabo 27px', serif;
      font-style: italic; }
    .hero .focus-piece h1 {
      font-family: 'Lato', sans-serif;
      font-size: 20px;
      font-style: normal;
      margin: 0 auto 30px auto;
      width: 800px; }
      .hero .focus-piece h1 span {
        margin: 0 30px; }

 .home .post {
    background-color: #FFF;
    padding: 30px 0 60px 0; }
    .home .post:nth-child(2n) {
      background-color: #e8f2f9; }
    .home .post h3 {
      text-align: center;
      margin-bottom: 15px; }
    .home .post h2 {
      font-size: 16px;
      text-align: center; }
    .home .post p {
      max-width: 880px;
      margin: auto; }
    .home .post img {
      max-width: 880px;
      margin: auto; }
    .home .post .headline {
      width: 23.7288135593%;
      float: left;
      margin-right: 1.6949152542%;
      border-right: 1px solid #7f8c8d;
      text-align: center;
      margin-top: 15px;
      padding-right: 15px; }
      .home .post .headline h4 {
        font-family: 'Lato', sans-serif;
        font-style: normal;
        font-size: 20px;
        color: #7f8c8d;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        transition: 0.2s; }
        .home .post .headline h4:hover {
          color: #34495e; }
      .home .post .headline a {
        text-decoration: none; }
      .home .post .headline:nth-child(4n) {
        float: right;
        margin-right: 0;
        border-right: none; }
    .home .post .what-we-do h2 {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%;
      vertical-align: middle;
      margin-top: 60px;
      font-size: 36px; }
    .home .post .what-we-do .do-list {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%;
      float: right;
      margin-right: 0;
      margin-top: 60px; }
      .home .post .what-we-do .do-list ul li {
        list-style: disc;
        width: 49%;
        display: inline-block; }
    .home .post .quicks .quick {
      width: 32.2033898305%;
      float: left;
      margin-right: 1.6949152542%;
      text-align: center;
      padding: 0 15px; }
      .home .post .quicks .quick:nth-child(3n) {
        float: right;
        margin-right: 0; }
    .home .post .left {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%; }
    .home .post .right {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%;
      float: right;
      margin-right: 0; }

.page-wrapper {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  .page-wrapper:after {
    content: " ";
    display: block;
    clear: both; }

.page {
  padding-top: 120px; }
  .page h1 {
    text-align: center; }
  .page p {
    margin-bottom: 30px; }

#145 {
  max-width: 1140px; }

footer {
  padding: 30px 0;
  text-align: center; }

.fb-like.fb_iframe_widget {
  position: absolute;
  top: 100px;
  right: 100px;
  z-index: 0; }

.social {
  text-align: center;
  letter-spacing: 120px;
  font-family: 'Socicon'; }
  .social span::before {
    font-size: 48px; }
  .social a {
    color: inherit; }
  .social span {
    margin: 30px;
    display: inline-block;
    width: 30px; }