/*
 * Homepage
 */

/*
 ** Masthead
 */

.homepage .masthead {
  margin-top: 50px;
  margin-bottom: 40px;
  font-size: 11.429em; /* 160/14 */
  letter-spacing: -6px;
}



/*
 ** Introduction
 */

.homepage .introduction {
  margin-bottom: 100px;
}

.homepage .introduction .lede {
  max-width: 720px;
  font-size: 1.425em;
  margin: 0 auto;
}

.homepage .introduction .page-content {
  width: 73%;
  max-width: 540px;
}



/*
 ** Services Summary
 */

.homepage .services-summary {
  margin-bottom: 0;
}

.homepage .services-summary:after {
  content: "";
  display: table;
  clear: both;
}

.homepage .services-summary .service {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  margin-right: 4%;
  margin-bottom: 80px;
  margin-top: 0;
}

.homepage .services-summary .service .heading {
  padding-left: 40px;
  position: relative;
  font-size: 1.714em; /* 24/14 */
}

.homepage .services-summary .service .heading:before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  display: block;
  width: 32px;
  height: 3px;
  background-color: #D0021B;
}

.homepage .services-summary .service .summary,
.homepage .services-summary .service .button {
  margin-left: 40px;
}

/*
 ** Recent Work
 */

.homepage .recent-work  {
  margin-bottom: 50px;
}

/*
 ** Articles
 */

.homepage .articles .image  {
  max-width: 245px;
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
}

.homepage .articles .text.has-image {
  float: left;
  width: 50%;
}

.homepage .articles .headline {
  font-size: 3em; /* 42/14 */
}

.homepage .articles .title  {
  font-size: 2em; /* 28/14 */
}

.homepage .articles .article-list li  {
  margin-bottom: 20px;
}