html {font-size: 62.5%; }

body {
  font-size: 2.4em; /* currently ems cause chrome bug misinterpreting rems on body element */
  font-weight: normal;
  line-height: 1.6;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-kerning: auto;
  text-rendering: optimizelegibility;
  color: #263640;
  font-family: franklin-gothic-atf, sans-serif;
  font-style: normal;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1 { line-height: 1.0;  letter-spacing: -0.09rem; font-weight: 400; color: #00497B;}
h2 { line-height: 1.25; letter-spacing: -0.035rem;font-weight: 500;}
h3 { line-height: 1.2;  letter-spacing: 0.015rem; font-weight: 600;}
h4 { line-height: 1.8;  letter-spacing: 0.015rem; font-weight: 400;}
h5 { line-height: 1.3;  letter-spacing:  0.15rem; font-weight: 600; text-transform: uppercase;}
h6 { line-height: 1.3;  letter-spacing: 0.025rem; text-transform: uppercase;}
p  { line-height: 1.55; letter-spacing: 0.025rem; font-weight: 300;}


body {
  font-weight: 400;
  font-style: normal;
}

h1 { font-size: 3.75rem;}
h2 { font-size: 3.0rem; }
h3 { font-size: 2.25rem;}
h4 { font-size: 1.6rem; }
h5 { font-size: 1.25rem;}
h6 { font-size: 2.1rem; }
p  { font-size: 15px; }

  @media (min-width: 350px) {
    p  { font-size: 16px; line-height: 1.6;}
  }

  @media (min-width: 400px) {
    h1 { font-size: 32px; line-height: 1.1;}
    h2 { font-size: 3.5rem; }
    h3 { font-size: 3.0rem; }
    h4 { font-size: 1.6rem; }
    h5 { font-size: 1.25rem;}
    h6 { font-size: 2.1rem; }
    p  { font-size: 16px; line-height: 1.7;}
  }

  @media (min-width: 600px) {
    h1 { font-size: 40px; }
    h2 { font-size: 4.3rem; }
    h3 { font-size: 3.0rem; }
    h4 { font-size: 2.0rem; }
    h5 { font-size: 1.25rem;}
    h6 { font-size: 2.4rem; }
    p  { font-size: 18px; line-height: 1.75;}
  }

  @media (min-width: 768px) {
    h1 { font-size: 45px;  }
    h2 { font-size: 5.0rem; }
  }

  @media (min-width: 1024px) {
    h1 { font-size: 50px; }
    h2 { font-size: 60px; letter-spacing: -0.125rem;}
    h3 { font-size: 4.0rem; }
    h4 { font-size: 2.25rem;}
    h5 { font-size: 1.25rem; }
    h6 { font-size: 2.6rem; }
    p  { font-size: 20px;   }
  }
  @media (min-width: 1244px) {
    h1 { font-size: 60px; }
  }

p {
  margin: 0;
  padding: 0; }







/* BLOG AND PAGE TYPE SPACING AFTER */
.page--bodycopy a.btn, .blogpost--bodycopy a.btn {margin-top: 10px;}
.page--bodycopy p, .blogpost--bodycopy p {margin-bottom: 35px;}

.page--bodycopy h2, .blogpost--bodycopy h2, h2.subhead {margin-bottom: 20px;}
.page--bodycopy h3, .blogpost--bodycopy h3, h3.subhead {margin-bottom: 20px;}
.page--bodycopy h4, .blogpost--bodycopy h4, h4.subhead {margin-bottom: 20px;}
.page--bodycopy h5, .blogpost--bodycopy h5, h5.subhead {margin-bottom: 20px;}
.page--bodycopy h6, .blogpost--bodycopy h6, h6.subhead {margin-bottom: 20px;}


@media (min-width: 600px) {
  .page--bodycopy p,  .blogpost--bodycopy p {margin-bottom: 40px;}
  .page--bodycopy h2, .blogpost--bodycopy h2, h2.subhead {margin-bottom: 40px;}
  .page--bodycopy h3, .blogpost--bodycopy h3, h3.subhead {margin-bottom: 40px;}
  .page--bodycopy h4, .blogpost--bodycopy h4, h4.subhead {margin-bottom: 40px;}
  .page--bodycopy h5, .blogpost--bodycopy h5, h5.subhead {margin-bottom: 40px;}
  .page--bodycopy h6, .blogpost--bodycopy h6, h6.subhead {margin-bottom: 40px;}
}

@media (min-width: 1024px) {
  .page--bodycopy h2, .blogpost--bodycopy h2, h2.subhead {margin-bottom: 40px;}
  .page--bodycopy h6, .blogpost--bodycopy h6 {margin-bottom: 25px;}
}
/* BLOG AND PAGE TYPE SPACING AFTER */


p:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0;
  padding-bottom: 0;}

.page--bodycopy p:last-child, .blogpost--bodycopy p:last-child {margin-bottom: 0;}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  -moz-transition: all 0.2s ease-in,all 0.25s ease-out;
  -o-transition: all 0.2s ease-in,all 0.25s ease-out;
  -webkit-transition: all 0.2s ease-in,all 0.25s ease-out;
  transition: all 0.2s ease-in,all 0.25s ease-out;
  text-decoration: underline;
  color: #263640;
  cursor: pointer;
}

a:hover {}