article.main span.drop-cap {
  margin-top: -1px;
  margin-left: 0px;
  margin-right: 5px;
  font-size: 5em;
  color: #59baf1;
  font-family: "jaf-facitweb","Lucida Grande","Lucida Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  }

.title-info h1 {
  font-weight: 900;
  font-family: "jaf-facitweb","Lucida Grande","Lucida Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #4b5360;
  }

.logo-fill-front {
  fill: #222;
  }

.logo-fill-back {
  fill: #ccc;
}

.ed-note {
  color: #ccc;
  }

.header-color {
  background-color: #4b4b4b;
  }

article.main p.pull-graph {
  margin-bottom: 1em;
}

article.main p.pull-graph + p {
  text-indent: 0;
}

article.main p.pull-graph .pull {
  font-style: italic;
}

.art-credit {
font-size: 14px !important;
color: #666;
margin-bottom: 4em !important;
font-style: normal;
text-align: right;
font-family: "jaf-facitweb","Lucida Grande","Lucida Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

p.art-credit + p {
  text-indent: 0;
}

@media screen and (max-width: 50em) {

.title-info:after {
  content: "";
  display: block;
  height: 16em;
  background: #fbc165 url("/images/articles/editorially-joins-vox-media/editorially-joins-vox-media-bg.png") no-repeat center center;
  background-size: cover;
  margin-left: 0;
  margin-right:0;
  }

article.main {
  padding-top: 20px;
  }

}

@media screen and (min-width: 50em) {


.full-feature-wrapper {
  background: #fbc165 url("/images/articles/editorially-joins-vox-media/editorially-joins-vox-media-bg.png") no-repeat center bottom;
  min-height: 596px;
  position: relative;
  }

.header-color {
  position: absolute;
  width: 100%;
  bottom: -205px;
  left: 0;
  }


.logo-fill-front {
  fill: #fff;
  }

.logo-fill-back {
  fill: rgba(255, 255, 255, .5);
  }

.masthead-wrapper {
  background: transparent;
  }

.tag-line, .explanation {
  color: #fde6c1;
  }

.icon-editorially-logo {
  fill: #fff;
  }

.nav-main>li a, .nav-main li.nav-sub a, .nav-sub:after {
  color: #fff;
  }

.nav-main>li a:hover, .nav-main>li a:active {
  border-color: #fb9a00;
  color: #4b5360;
  }

.nav-main li.nav-sub a:hover {
 color: #4b5360;
}

.title-info {
  margin-top: 30px;
  margin-left: 15px;
  float: left;
  }

.title-info .meta-data ul li {
  color: #7d6032;
  }

.title-info h1 {
  font-size: 5em;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1.2;
  width: 5.5em;
  }

.banner {
  border-bottom-color: transparent;
  }

article.main span.drop-cap {
  margin-top: -21px;
  margin-left: -17px;
  margin-right: 10px;
  font-size: 8em;
  }

article.main {
  padding-top: 10px;
  }

.media-vertical {
  margin-top: 92px;
  }

}