stolen code from josh keller

refer.css

#g-refers {
  overflow: hidden;
  width: 100%;
  margin: auto;
  padding: 0;
  color: #CCC;
  border-top: 1px solid #dbdbdb;
  margin-top: 60px;
}
#g-refers .g-refer-text {
  margin: 20px 0 20px;
  width: 100%;
  clear: both;
}
.tinyportrait #g-refers .g-refer-text.g-clearfix {
  width: 70%;
  margin: 20px auto;
}
#g-refers a {
  color: #333;
}
#g-refers a:hover {
  text-decoration: none;
  color: #333;
}
#g-refers a:hover p {
  /*color: #fff !important;*/
  text-decoration: underline;
}
#g-refers h2 {
  font: 400 22px/28px "Circular std", CircularBlack, nyt-franklin, helvetica, arial;
  margin-bottom: 6px;
  color: #fff;
}
#g-refers h3 {
  font: 200 16px/22px "Circular std", CircularBlack, nyt-franklin, helvetica, arial;
  width: 100%;
  margin-bottom: 10px;
  color: #fff;
}
#g-refers h4 {
clear: both;
font: 200 14px/22px "nyt-franklin", arial;
text-transform: uppercase;
width: 100%;
color: #333;
font-weight: 300;
font-size: 17px;
letter-spacing: 1px;
}
#g-refers h5 {
  font: normal 12px/12px nyt-franklin, Helvetica, Arial;
  text-transform: uppercase;
  margin: 8px 0;
  font-weight: 700;
}
#g-refers h5 > span {
color: #555;
display: block;
margin-left: 0;
padding-left: 0;
font-weight: 300;
text-transform: none;
margin-top: 6px;
}
#g-refers p {
  font: normal 14px/20px nyt-franklin, Helvetica, Arial;
  max-width: 700px;
}
#g-refers .g-refer {
  margin: 10px auto;
  width: 100%;
  /*max-width: 230px;*/
}
.viewport-small-10 #g-refers .g-refer {
  float: left;
  width: 43%;
  margin: 10px 5% 0px 0;
}
.viewport-medium #g-refers .g-refer {
  width: 31%;
  margin: 20px 3% 0px 0;
}

.viewport-medium #g-refers .g-refer:last-child {
  margin-right: 0;
}

#g-refers .g-refer p {
  color: #333;
  font-size: 17px;
  font-family: 'nyt-franklin', arial, sans-serif;
  font-weight: 300;
}
#g-refers .g-credits {
  margin-top: 20px;
  max-width: 380px;
}
#g-refers .g-credits p {
  margin: 4px auto;
  font: normal 12px/16px nyt-franklin, Helvetica, Arial;
  color: #666;
}
#g-refers > .g-icon {
  display: block;
  margin: 40px 0;
}
#g-refers > img {
  width: 100%;
  display: block;
  margin: 40px auto 20px;
}

.story.theme-main .story-footer:before {
content: none !important;
display: none !important;
}

.story.theme-main .story-footer:before {
  content: "";
  width: 60px;
  height: 1px;
  display: inline-block;
  background-color: #000;
  margin: 0 0 13px;
}