.main-hed {
  font-size: 2.25em;
  margin-bottom: 0;
}

.explainer {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.15em;
  line-height: 1.19230769;
  color: #464646;
  line-height: normal;
  display: block;
  max-width: 100%;
  margin-bottom: 1.25em;
}

pre {
  position: fixed;
  background: #000000;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  color: #FFF;
  font-size: 1em;
}




/* source and credit styling ------------------------------------------------------------------ */
#source-and-credit {
  width: 100%;
  overflow: hidden;
}

#source-and-credit p {
  margin: 0;
  padding: 0;
}

#source-and-credit .source {
  font-size: 0.75em;
  font-weight: bold;
  float: left;
  display: none;
}

#source-and-credit .credit {
  margin: 0.25em 0em 0em 0em;
  text-transform: uppercase;
  color: #999;
  font-size: 0.6em;
  float: right;
}




/* full width interactive --------------------------------------------------------------------- */
.section-nav {
  display: none;
}

#main div.article {
  width: 100%;
  margin: 0;
}

.article .byline {
  display: none;
}

.interactive-body {
  float: left;
  width: 100%;
}

.aside {
  display: none;
}




/* full width version ----------------------------------------------------------------------------- */
.thumbnails {
  width: 100%;
  overflow: hidden;
  margin: 2em 0 1em 0;
}

.thumbnails li {
  float: left;
  width: 15%;
  margin: 0 2% 0 0;
}

.thumbnails li:last-child {
  width: 14.8%;
  margin: 0;
}

.thumbnails li img {
  -webkit-box-shadow: 1px 1px 3px 0px #444444;
          box-shadow: 1px 1px 3px 0px #444444;
}

.videoAndQuote {
  width: 100%;
  overflow: hidden;
}

.videoplayer {
  width: 70%;
  float: left;
}

.quote {
  width: 30%;
  position: absolute;
  right: 0;
  text-align: center;
  padding: 2em 0 0 0;
}

.quote p {
  padding: 0 0 0 1em;
  margin: 0 0 0 0;
}

p.topquote {
  font-size: 1.5em;
  margin: 0 0 1em 0;
}




@media screen and (min-width: 600px) {
  .main-hed {
    margin-bottom: 0.25em;
  }
}




@media screen and (min-width: 480px) {
  div.article {
    padding-top: 25px;
  }
  
  .main-hed {
    font-size: 3.25em;
    margin-bottom: 0.35em;
  }
  
  .explainer {
    font-size: 1.25em;
    font-family: "Miller Headline Roman", "Times New Roman", Times, Georgia, serif;
    max-width: 90%;
  }
}

@media screen and (max-width: 640px) {
  .videoplayer {
    width: 100%;
    float: none;
    margin: 0 0 0 0;
  }

  .quote {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 0.5em 0;
    position: relative;
  }

  .quote p {
    padding: 0;
    margin: 0;
    text-align: right;
  }

  .nameAndStreet {
    width: 100%;
    overflow: hidden;
  }

  .nameAndStreet p {
    float: left;
  }

  .nameAndStreet p:last-child {
    float: right;
  }

  #source-and-credit {
    margin: 2em 0 0 0;
  }

}