a {
  color: #bae4e4; }

a.no-underline:link {
  text-decoration: none; }

.container {
  max-width: 1540px; }

.bg-brand-lightblue {
  background-color: #e5f8f8; }

.bg-brand-offwhite {
  background-color: #f2f2f1; }

.brand-teal {
  color: #809595; }

.brand-gold {
  color: #b69f69; }

.bg-brand-gold {
  background-color: #b69f69; }

.brand-bluegray {
  color: #495151; }

.fifth-width {
  max-width: 20%; }

.med-logo {
  max-width: 280px; }

.sm-icon {
  max-width: 32px;
  max-height: 32px; }

.inline-icon {
  max-width: 20px;
  max-height: 20px;
  vertical-align: -5%; }

.serif {
  font-family: 'PT Serif', serif;
  font-weight: 400; }

.sans {
  font-family: 'Lato', sans-serif;
  font-weight: 300; }

a.button {
  font-weight: 400; }

.hero-image-container {
  height: 0;
  padding-bottom: 65%; }

.thumb-container {
  height: 0;
  padding-bottom: 75%; }

.desaturate {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.border-box {
  box-sizing: border-box; }

.fill {
  height: 100%;
  width: 100%; }

.bg-bottom-gradient {
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
  /* IE6-9 */ }

.text-shadow {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.75); }

.no-text-shadow {
  text-shadow: none; }

.box-shadow-tintblue {
  box-shadow: 4px 4px rgba(59, 69, 70, 0.1); }

.button.box-shadow-tintblue:hover,
.button.box-shadow-tintblue:focus {
  box-shadow: 4px 4px rgba(59, 69, 70, 0.1); }

.button.hover-box-shadow-tintblue:hover,
.button.hover-box-shadow-tintblue:focus {
  box-shadow: 4px 4px rgba(59, 69, 70, 0.1); }

.bg-hover-brand-gold:hover,
.bg-hover-brand-gold:focus {
  background-color: #b69f69; }

.bg-hover-brand-gold:hover .brand-gold,
.bg-hover-brand-gold:focus .brand-gold {
  color: white; }

.bg-hover-darkblue:hover,
.bg-hover-darkblue:focus {
  background-color: #bde0e0;
  box-shadow: none; }

.hover-white:hover,
.hover-white:focus {
  color: white; }

.hover-black:hover,
.hover-black:focus {
  color: black; }

.post-text {
  box-sizing: border-box; }

.two-thirds-width {
  max-width: 66.67%; }

h1.serif, h2.serif, h3.serif, h4.serif, h5.serif, h6.serif {
  font-weight: normal; }

button {
  font-weight: normal; }

.nav-button {
  padding: 2.5em 2.5em;
  letter-spacing: 1px; }

.line-height-1 {
  line-height: 1em; }

hr {
  margin: 0; }

.button {
  border-radius: 0; }

@media screen and (min-width: 64em) {
  .post-list li:nth-child(2n+1) .post-container {
    margin-right: 1.5em; }

  .post-list li:nth-child(2n) .post-container {
    margin-left: 1.5em; }

  .lg-align-left {
    text-align: left; } }
@media screen and (max-width: 52em) {
  .sm-mb2 {
    margin-bottom: 2em; }

  .sm-p2 {
    padding: 2em; }

  .sm-article-border {
    border-top: 20px solid white;
    margin-bottom: 0; } }
.masthead h1 {
  font-size: 6.5em; }

.headline {
  font-size: 2.5em; }

.line-height-1 {
  line-height: 1em; }

@media screen and (max-width: 52em) {
  .masthead h1 {
    font-size: 12vw; } }
@media screen and (min-width: 52em) {
  .md-overlay-white {
    color: white; }

  .md-absolute {
    position: absolute; }

  .md-white {
    color: white; }

  .md-p2 {
    padding: 2em; }

  .md-p4 {
    padding: 4em; }

  .md-p5 {
    padding: 5em; }

  .md-mt2 {
    margin-top: 2em; }

  .md-mt5 {
    margin-top: 5em; }

  .md-bg-bottom-gradient {
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
    /* IE6-9 */ }

  .md-bg-image-darken {
    background-color: rgba(11, 9, 7, 0.3); }

  .post-link {
    transition: all 0.5s;
    -webkit-transition: all 0.5s; }
    .post-link .hover-reveal {
      transition: all 0.5s;
      -webkit-transition: all 0.5s;
      opacity: 0; }
    .post-link .md-bg-image-darken {
      transition: all 0.5s;
      -webkit-transition: all 0.5s; }
    .post-link .fake-hr {
      width: 0%; }

  .post-link:hover .md-bg-image-darken {
    background-color: rgba(11, 9, 7, 0.6); }
  .post-link:hover .fake-hr {
    margin-bottom: 2em;
    width: 100%; }
  .post-link:hover .hover-reveal {
    opacity: 1; } }
@media screen and (min-width: 64em) {
  .lg-overlay-white {
    color: white; }

  .lg-white {
    color: white; }

  .lg-absolute {
    position: absolute; }

  .lg-p4 {
    padding: 4em; }

  .lg-p5 {
    padding: 5em; }

  .lg-bg-image-darken {
    background-color: rgba(11, 9, 7, 0.3); } }
.fake-hr {
  height: 1px; }