/******************
	Podcasts
*******************/

#podcast-main{
  background:#1B2F4A;
}

#podcast-main.single #content header{
  margin-bottom:0;
}

.btn-wrapper{
  margin-bottom: 1em;
  padding: 1.75em;
  border: #EADF6B solid 1px;
}

.btn-wrapper a{
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
}


#podcast-main #page{
  background:#1B2F4A;
  text-align: center;
}

/*#podcast-main #page p{
  text-align: left;
}*/

#podcast-main #page a{
  color:#EADF6B;
  text-decoration: underline;
}

#podcast-main #page{
  color:#EADF6B;
  max-width: 900px;
}

#podcast-main #main{
  margin:0;
}

#podcast-main #mailchimp-signup{
  max-width:400px;
  margin:0 auto;
}

#podcast-main .podcast-download-icons{
  width:100%;
  margin:0 auto 2em auto;
  
}

#podcast-main .podcast-download-icons div{
  display:inline-block;
  padding:0 20px;
}

#podcast-main .podcast-download-icons a{
  text-decoration: none;
}

#podcast-main .podcast-download-icons i{
  font-size: 40px;
}

#podcast-main .podcast-download-icons img{
  height:100%;
}

#podcast-main .tooltip {
  position: relative;
  display: inline-block;
}

#podcast-main .tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  bottom:100%;
  margin-left: -80px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  font-size: 12px; 

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#podcast-main .tooltip:hover .tooltiptext {
  visibility: visible;
}

#podcast-season{
  /*color:#EADF6B;*/
  color:#ffffff;
  font-family: Georgia, serif;
}

#podcast-season #episodes{
  background:#1B2F4A;
  padding-top:.125em;
  padding-bottom: 4em;
}

#podcast-season #main,
#podcast-season #content{
  margin-bottom:0;
}

#podcast-season a{
  color:#EADF6B;
}

#podcast-season h2,
#podcast-season h3,
#podcast-season h4,
#podcast-season h5{
  max-width: 70%;
  margin:.5em auto;
}

#podcast-season p{
  max-width: 70%;
  margin:1.25em auto;
  font-family: Georgia, serif;
  font-weight: 300;
}

#podcast-season h2{
  font-size: 3em;
}

#podcast-season h3{
  padding-top:1em;
  font-size: 1.5em;
}

@media (max-width: 768px) {
  #podcast-season h2{
    font-size: 2em;
  }
  #podcast-season h2,
  #podcast-season h3,
  #podcast-season h4,
  #podcast-season h5,
  #podcast-season p{
    max-width: 90%;
  }
}

#podcast-season img.full-width{
  width:100%;
}

#podcast-season .wp-caption-text,
#podcast-season .wp-media-credit{
  margin: 0;
  max-width: 100%;
}
@media (max-width: 768px) {
  #podcast-season .wp-caption-text,
  #podcast-season .wp-media-credit{
    max-width: 90%;
    margin:0 auto;
  }
}


/*DONATE, RESOURCES, SIGNUP FOR DIG, FUNCTIONAL SITEWIDE*/

.dig-signup{
  background: #EADF6B;
  color: #000000;
  padding: 2em;
}

.dig-resource{
  background:#335682;
  color:#ffffff;
  padding:1em;
}

.dig-donate{
  border-top:#EADF6B 2px double;
  border-bottom:#EADF6B 2px double;
  color: #EADF6B;
  padding: 1em 0;
}

.dig-donate h3{
  padding-top:0;
}

.dig-donate a{
  text-decoration: underline;
}

.dig-donate a:hover,
#podcast-season .dig-donate a:focus{
  color:#F3EDB4;
}

.dig-signup.right,
.dig-resource.right,
.dig-donate.right{
  max-width: 300px;
  float: right;
  margin: 1em 3em 1em 2em;
}

.dig-signup.left,
.dig-resource.left,
.dig-donate.left{
  max-width: 300px;
  float: left;
  margin: 1em 2em 1em 3em;
}

.dig-signup.full,
.dig-resource.full,
.dig-donate.full,
.dig-donate-btn-wrapper{
  max-width: 70%;
  float: none;
  margin: 2em auto;
}

.dig-donate.full-button{
  float:none;
  clear:both;
  max-width:350px;
  margin:2em auto;
  border-radius:5px;
  background-color:#EADF6B;
  color:#000000; 
}

.dig-donate.full-button h3,
.dig-donate.full-button a{
  color:#000000 !important;
  margin: 1px auto;
  text-decoration: none !important;
  text-align: center !important;
  font-weight: bold;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, sans-serif;
}

#podcast-season .center{
  text-align: center;
}

a.dig-donate.full-button{
  color:#000000 !important;
  margin: 1px auto;
  padding:10px;
  text-decoration: none !important;
  text-align: center !important;
  font-weight: bold;
  font-size: .75em;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, sans-serif;
}

@media (max-width: 768px) {
  .dig-signup.left,
  .dig-signup.right,
  .dig-resource.left,
  .dig-resource.right{
    float:none;
    clear:both;
    max-width: 90%;
    margin:15px;
  }
  
}

.dig-resource *{
  margin: .5em auto;
  max-width: 90%;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, sans-serif;
}

.dig-resource p{
  font-size: 16px;
}

.dig-resource h3{
  font-size: 21px;
  padding-top: 0;
}



#podcast-season .image.alignright,
#podcast-season img.alignright{
  margin: 1em 3em 1em 2em;
}

#podcast-season .image.alignleft{
  margin: 1em 2em 1em 3em;
}

@media (max-width: 768px) {
  #podcast-season .image.alignleft,
  #podcast-season img.alignright{
    margin:15px;
    float:none;
    clear:both;
  }
  
}

#podcast-season .dig-signup h3{
  text-align: center;
}

#podcast-season .dig-signup .podcast-download-icons{
  margin:0 auto;
  text-align: center;
}

#podcast-season .dig-signup .podcast-download-icons a{
  padding-left:20px;
  font-size: 2em;
  color: #000000;
}

#podcast-season .dig-signup img.dig-logo{
  width:100%;
  border:#ffffff 3px solid;
}

#podcast-season aside.type-pull-quote{
  color:#EADF6B;
  margin-right:
}

#podcast-season aside.align-right{
  margin-right:3em;
  margin-left:2em;
}

#podcast-season aside.align-left{
  margin-right:2em;
  margin-left:3em;
}

@media (max-width: 768px) {
  #podcast-season aside.align-right,
  #podcast-season aside.align-left{
    max-width: 90%;
    margin:0;
    padding:5%;
  }
}

#podcast-season aside.full{
  background:#335682;
  color:#ffffff;
  padding:1em;
  max-width: 70%;
  margin:1.25em auto;
}

#podcast-season aside.full p{
  font-size: 21px;
  margin: .75em;
  max-width:100%;
}

/******************
	Scrollama
*******************/

#podcast-season #scrolly {
	position: relative;
	padding: 1rem;
	background-image:linear-gradient(#ffffff 0%, #ffffff 75%, #1B2F4A 100%);
}


#podcast-season article {
	position: relative;
	padding: 0;
	/*max-width: 20rem;*/
	max-width: 100%;
	margin: 0 auto;
}

#podcast-season figure {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	margin: 0 0 20em 0;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 0;
}

#podcast-season #title-step h1{
  font-size: 8em;
  color:#FAD417;
  line-height: 1em;
  text-align: center;
}
@media (max-width: 768px) {
  #podcast-season #title-step h1{
    font-size: 3em;
  }
}

#podcast-season #scrolly figure .slide{
	text-align: center;
	vertical-align: middle;
	position: absolute;
	max-height:100vh;
	margin-top:40px;
	padding: 1rem;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
}

#podcast-season #scrolly figure #img7{
  top: 75%;
  max-height:15vh;
}

#podcast-season #scrolly figure .slide.is-visible{
  display: block;
  opacity: 1;
}

#podcast-season .step {
	margin: 0 auto 2rem auto;
}
#podcast-season .step:last-child {
	margin-bottom: 0;
}
#podcast-season .step.is-active p {
	background-color: rgba(0,0,0,0.8);
	color:#ffffff;
}
#podcast-season .step p {
	text-align: center;
  max-width: 350px;
	font-weight: 800;
	padding: 1rem;
	font-size: 1.5rem;
	background-color: rgba(0,0,0,0.8);
	color:#ffffff;
	/*transition: color 750ms ease-in-out;*/
}


/******************
	Widgets
*******************/


.widget {
  padding: 0;
}
.widgettitle,
.stories h3.widgettitle {
  color: #333;
}
.widgettitle,
#site-footer .widgettitle,
.stories h3.widgettitle {
  background: none;
  border-bottom: 1px solid #dedede;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.widget p,
.widget ul {
  font-size: 15px;
  padding: 0 8px;
  margin-bottom: 12px;
}
.textwidget div {
  margin: 0 auto;
}
#site-footer .widget p {
  padding: 0;
}
.single .largo-INN-RSS {
  width: 100%;
  padding: 0;
}
.largo-INN-RSS .widgettitle {
  font-size: 16px;
  padding: 8px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.largo-INN-RSS ul {
  list-style: none;
  padding: 8px 16px;
  margin: 0;
}
.largo-INN-RSS ul li {
  margin-bottom: 8px;
}
.largo-INN-RSS ul li p.byline,
.largo-INN-RSS ul li h5 {
  display: inline;
  padding: 0;
  text-align: left;
}
.largo-INN-RSS ul li h5 {
  font-family: "acta-display", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 21px;
}
.largo-INN-RSS ul li p.byline {
  font-style: italic;
  margin-left: 8px;
  font-size: 14px;
}
.widget.largo-INN-RSS p.morelink {
  margin: 0 0 12px 8px;
  font-weight: bold;
}
@media (max-width: 768px) {
  .largo-INN-RSS ul li p.byline {
    display: block;
    clear: both;
    margin-left: 0;
  }
}
#related-post-nav li {
  font-size: 16px;
}
#related-post-nav a.selected {
  background-color: #888;
}
#related-posts .related-items {
  padding: 8px 0;
}
#related-posts .related-items ul li.top-related h3 {
  font-size: 21px;
}
#related-posts .related-items ul li.top-related p,
#related-posts .author-box p {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 15px;
}
#related-posts .related-items ul li {
  font-size: 16px;
  margin-bottom: 8px;
}
/******************
	NAV
*******************/
.navbar li > a {
  color: #000;
}
.navbar li > a:hover {
  color: #666;
  background-color: #fff;
}
.navbar .active > a,
.navbar .active > a:hover {
  font-weight: bold;
  background-color: #fff;
  color: #000 !important;
}
.nav-collapse .nav > li > a {
  color: #333 !important;
}
.nav-collapse .nav > li > a:hover {
  color: #666 !important;
}
.btn-primary {
  background-color: #333;
}
.btn-primary:hover,
#site-footer a.btn-primary:hover {
  color: #fff;
  background-color: #555;
}
ul.about-subnav {
  text-align: center;
  margin-left: 0;
}
ul.about-subnav li {
  display: inline;
  white-space: nowrap;
}
ul.about-subnav li::after {
  content: " | ";
}
ul.about-subnav li:last-child:after {
  content: none;
}
/******************
	HOMEPAGE
  At some point, this file should be broken out into a separate homepage style
*******************/
.top-story img {
  display: block;
  margin: 0 auto;
}
.top-story-copy-block {
  background: #000;
  padding: 10px 20px;
  margin-bottom: 36px;
}
.top-story h2 {
  font-size: 36px;
  line-height: 1.15;
  margin-bottom: 8px;
  clear: both;
  width: 100%;
}
.top-story h2 a,
.donate-btn a:hover {
  color: #fff;
}
.top-story p {
  color: #ccc;
  font-size: 19px;
  margin-bottom: 10px;
}
.top-story p.photo-credit {
  font-size: 12px;
  margin: -12% 0 8px 0;
  padding: 3px 8px;
  color: #ccc;
  background-color: rgba(51, 51, 51, 0.85);
  display: block;
  max-width: 70%;
  width: auto;
  float: right;
  text-align: right;
  position: relative;
}
.top-story p.photo-credit .credit {
  display: block;
  clear: both;
  font-size: 10px;
  font-style: italic;
}
.top-story h5,
.top-story h5 a {
  font-size: 17px;
  color: #ccc;
}
.top-story h5 .sep,
.top-story h5 time {
  display: none;
}
.signup.span12 {
  margin-left: 0;
  border: 1px solid #ccc;
  margin-bottom: 36px;
}
.signup .explain.span5 {
  color: #fff;
  background-color: #000;
  padding: 4px 0 12px 20px;
}
.signup .chevron.span1 {
  margin-left: 0;
  width: 0;
  height: 0;
  border-top: 27px solid transparent;
  border-bottom: 27px solid transparent;
  border-left: 27px solid #000;
}
.signup .explain i {
  font-size: 36px;
  position: relative;
  top: 4px;
  margin-right: 4px;
}
.signup .explain p {
  font-size: 24px;
  margin-bottom: 0;
  line-height: 1;
  padding-bottom: 1px;
}
.signup .form {
  padding: 9px 20px 0;
}
.signup .form form {
  margin-bottom: 0;
}
.signup .form input.email {
  width: 75%;
  height: 26px;
}
.signup .form input.btn {
  margin-top: -8px;
  padding: 6px 15px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.sub-stories {
  margin-bottom: 24px;
}
.sub-stories h3 {
  font-size: 24px;
  line-height: 1.15;
}
.sub-stories img {
  margin-bottom: 8px;
}
.sub-stories .span3:nth-child( 4n + 1 ) {
  margin-left: 0;
  clear: left;
}
.ie8 .sub-stories img {
  width: 100%;
  height: auto;
  overflow: none;
}
.river {
  margin-bottom: 36px;
}
.river > article:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
}
.river h3 {
  margin-bottom: 8px;
}
.river h5.top-tag {
  font-size: 14px;
  margin-bottom: 3px;
}
.river h2.entry-title {
  font-size: 19px;
  line-height: 1.3;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
}
.homepage_ads {
  text-align: center;
  float: left;
  width: 100%;
  border-top: 1px solid #ccc;
  padding-top: 1.5em;
}
.homepage_ads aside {
  display: inline-block;
}
.homepage_ads aside + aside {
  margin-left: 24px;
}
.page-template-full-page-php .entry-content,
.page-template-page-tools-php .entry-content {
  max-width: 100%;
}
.page-template-full-page-php #content header {
  margin-bottom: 0;
}
.page-template-full-page-php .embed-container {
  position: relative;
  padding-bottom: 66%;
  padding-top: 30px;
  /* IE6 workaround*/
  margin-bottom: 28px;
}
.page-template-page-tools-php .entry-content .span4 {
  padding: 0 20px;
}
.page-template-page-tools-php .entry-content img {
  margin-bottom: 12px;
}
.page-template-page-projects-php .entry-content img {
  float: left;
  margin: 8px 20px 20px 0;
}
.page-template-page-projects-php .entry-content h3 {
  font-size: 28px;
  margin-bottom: 4px;
}
.page-template-page-projects-php .entry-content h3 {
  margin-bottom: 0;
}
.page-template-page-tools-php .entry-content a,
.page-template-page-projects-php .entry-content a {
  color: #333;
}
.page-template-page-tools-php .entry-content a:hover,
.page-template-page-projects-php .entry-content a:hover {
  color: #666;
}
.page-template-page-tools-php .entry-content p,
.page-template-page-projects-php .entry-content p {
  font-size: 18px;
}
.page-template-page-projects-php .item {
  margin-bottom: 36px;
}
.page-template-page-projects-php .entry-content p {
  margin-bottom: 8px;
}
.page-template-page-projects-php .entry-content p.recent {
  font-size: 15px;
}
.page-template-page-projects-php .entry-content p.recent span {
  font-size: 11px;
  font-style: italic;
}
a,
.largo-INN-RSS .widgettitle a {
  color: #333;
}
a:hover,
.largo-INN-RSS .widgettitle a:hover {
  color: #666;
}
#site-header aside button {
  min-width: 120px;
  padding: 10px;
  border: 1px solid #000000;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  background-color: #ffffff;
}
#site-header aside button:hover {
  color: #ffffff;
  background-color: #000000;
}
#site-header aside button.secondary {
  background-color: #aaaaaa;
}
#site-header aside button.secondary:hover {
  background-color: #000000;
}
#site-footer a {
  color: #ddd;
}
#site-footer a:hover {
  color: #fff;
}
#site-footer .btn-primary {
  border-width: 1px;
  border-style: solid;
}
.page .entry-content a,
.single .entry-content a {
  color: #2275bb;
  text-decoration: none;
}
.single .entry-content a:hover,
.page .entry-content a:hover {
  color: #1165aa;
  text-decoration: underline;
}
h1,
h2,
h3 {
  font-family: "acta-display", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
}
h4,
h5,
.widgettitle,
.navbar {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
  font-size: 38px;
  font-weight: 700;
  font-family: "acta-display", "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 1px;
}
.entry-content h5.tag-list {
  letter-spacing: 1px;
}
p,
address {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  font-size: 21px;
}
.entry-content ul,
.entry-content ol {
  font-size: 19px;
}
#content {
  margin-bottom: 24px;
}
#content ul,
#content ol {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
}
.byline .and {
  text-transform: none;
  font-weight: normal;
}
/********************
	Single Posts
*********************/
.single #content header,
.page #content header {
  margin-bottom: 48px;
}
.single .hero.span12 {
  margin-left: 0;
}
h1.entry-title {
  font-size: 64px;
  line-height: 1.15;
  text-align: center;
  margin-bottom: 32px;
}
.single #content h5.byline,
.single .byline .author {
  font-size: 24px;
  font-family: "acta-display", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
}
.single .byline {
  text-align: center;
}
.single .byline .sep {
  display: none;
}
.single .byline time {
  display: block;
  clear: both;
  font-size: 17px;
  font-weight: 500;
  margin-top: 8px;
}
.single .byline .author {
  text-transform: none;
}
.single .byline .author a {
  text-transform: uppercase;
}
.single header .post-social {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.pull-quote {
  font-size: 32px;
  font-weight: bold;
}
.entry-content .right,
.entry-content .alignright,
.entry-content .align-right {
  margin-right: -100px;
}
.entry-content .left,
.entry-content .alignleft,
.entry-content .align-left {
  margin-left: -100px;
}
.post-social {
  border: none;
}
.labels,
.single-post .author-box,
.largo-INN-RSS,
#related-posts {
  border-top: 3px solid #dedede;
}
#related-post-nav h5,
.labels h5,
.tags h5,
.author-box h5 {
  font-weight: 700;
  text-transform: uppercase;
}
.single-post .author-box h5,
.author-box h5,
.labels h5 {
  background: none;
  border-bottom: 1px solid #dedede;
}
.labels .series-label {
  border: 1px solid #dedede;
  background: none;
}
.labels .series-label h5 {
  border: 0;
}
.labels .series-label:hover {
  background-color: #dedede;
}
.tags ul li {
  background: none;
  font-size: 15px;
}
.tags ul li a {
  color: #555;
}
.tags ul li:hover {
  background-color: #dedede;
}
#nav-below .previous img {
  float: left;
  padding-right: 12px;
}
#nav-below .next img {
  float: right;
  padding-left: 12px;
}
.pager a {
  background: none;
  border: 1px solid #dedede;
}
.pager a:hover {
  background-color: #888;
}
.pager .meta-nav {
  font-family: "acta-display", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 21px;
}
#respond {
  background: none;
  border: 1px solid #dedede;
  border-top: 3px solid #dedede;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
/*********************
	Archive Pages
**********************/
h3.recent-posts a.rss-link {
  font-size: 21px;
}
.archive-background {
  margin-bottom: 16px;
}
.archive-background h1 {
  font-size: 64px;
  line-height: 1.1;
}
.archive-background .related-topics ul {
  margin-top: 0;
}
.stories h3 {
  font-size: 28px;
}
.stories .entry-content p {
  font-size: 18px;
}
.stories .entry-content p a {
  font-weight: bold;
  display: block;
  font-size: 16px;
  padding-top: 3px;
}
.archive-description p {
  font-size: 15px;
}
@media (max-width: 1060px) {
  .entry-content .right,
  .entry-content .alignright {
    max-width: 40%;
    margin-right: 0;
  }
  .entry-content .left,
  .entry-content .alignleft {
    margin-left: 0;
    max-width: 40%;
  }
  .sub-stories h3 {
    font-size: 21px;
  }
}
@media (min-width: 769px) and (max-width: 978px) {
  .top-story p {
    font-size: 16px;
  }
  .top-story p.photo-credit {
    display: none;
  }
  .sub-stories h3 {
    font-size: 19px;
  }
  .river {
    margin-bottom: 24px;
  }
  .signup .chevron {
    display: none;
  }
  .signup .chevron {
    border: 0;
  }
  .signup .span5,
  .signup .span6 {
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .signup .span5 i {
    float: none;
  }
  .feed .post-lead h5 {
    font-size: 16px;
  }
  h1.entry-title {
    font-size: 54px;
    margin-bottom: 18px;
  }
  .single .byline time {
    margin-top: 4px;
  }
  .pager .meta-nav {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .top-story p.photo-credit {
    display: none;
  }
  .sub-stories .span3 {
    clear: both;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .sub-stories img {
    margin-bottom: 0;
  }
  .sub-stories h3 {
    font-size: 24px;
    line-height: 1.3;
    padding: 10px;
    color: #fff;
    background-color: #000;
  }
  .sub-stories a {
    color: #fff;
  }
  .river {
    margin-bottom: 24px;
  }
  .row-fluid .span8,
  .row-fluid .span4 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  h1.entry-title,
  h1.page-title {
    font-size: 42px;
    margin-bottom: 12px;
  }
  .single #content header,
  .page #content header {
    margin-bottom: 18px;
  }
  .single #content h5.byline,
  .single .byline .author {
    font-size: 18px;
  }
  .single .byline time {
    margin-top: 4px;
  }
  .archive .stories h2.entry-title {
    font-size: 36px;
  }
  .top-story.span9 {
    width: 100%;
  }
  .top-story h2,
  .top-story p {
    clear: both;
    float: none;
    width: 100%;
  }
  .top-story h2 {
    font-size: 36px;
  }
  .top-story p {
    font-size: 16px;
    margin-bottom: 0;
  }
  .feed.span3 {
    clear: both;
    width: 100%;
    margin-left: 0;
    margin-bottom: 24px;
  }
  .entry-content .right,
  .entry-content .alignright,
  .entry-content .left,
  .entry-content .alignleft {
    width: 95%;
    max-width: 95%;
    padding: 2.5% 0;
  }
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5 {
    font-size: 24px;
  }
  .stories .entry-content p {
    font-size: 17px;
  }
  .single .pager .previous,
  .single .pager .next {
    width: 100%;
  }
  .single .pager .previous {
    margin-bottom: 12px;
  }
  .pull-quote,
  .pull-quote.half.left,
  .pull-quote.half.right {
    border-right: 0;
    border-left: 0;
    border-top: 8px solid #555;
    border-bottom: 4px solid #555;
    text-align: center;
  }
  .signup .span5,
  .signup .span6 {
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .signup .span5 i {
    float: none;
  }
  .signup .chevron {
    display: none;
  }
  .signup .chevron {
    border: 0;
  }
  .signup .form input.email {
    width: 65%;
  }
  .archive-background h1 {
    font-size: 42px;
    line-height: 1.1;
  }
  .page-template-page-tools-php h1.entry-title,
  .page-template-page-projects-php h1.entry-title {
    font-size: 54px;
  }
  .page-template-page-tools-php .entry-content .span4 {
    margin-bottom: 24px;
  }
  .page-template-page-projects-php .entry-content h3 {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  h1.entry-title,
  h1.page-title {
    font-size: 34px;
    line-height: 1.1;
  }
  .pager .meta-nav {
    font-size: 17px;
  }
  .top-story h2 {
    font-size: 32px;
  }
  .sub-stories h3 {
    font-size: 18px;
  }
  p {
    font-size: 19px;
  }
  .stories .entry-content p {
    font-size: 17px;
  }
  .entry-content .right,
  .entry-content .alignright,
  .entry-content .left,
  .entry-content .alignleft {
    clear: both;
    float: none;
    margin: 0 0 24px;
  }
  .stories h5.tag-list,
  .stories h5.byline,
  .stories .entry-content p {
    display: none;
  }
  .stories article header {
    position: relative;
    top: -4px;
  }
  .stories article img.attachment-post-thumbnail {
    clear: none;
    float: left;
    max-width: 30%;
    margin: 0 0 10px 0;
  }
  .stories article header {
    float: right;
    max-width: 65%;
  }
  .stories .river article header {
    max-width: 100%;
  }
  .stories h2.entry-title {
    font-size: 18px !important;
  }
  .stories h5.top-tag {
    margin-bottom: 2px;
    font-size: 14px;
  }
  .search .stories h5.byline {
    display: block;
  }
  .search .stories article header {
    float: none;
    max-width: 100%;
  }
  .archive-background {
    margin-bottom: 12px;
  }
  .archive-background h1.page-title {
    font-size: 42px;
  }
  .signup .explain i {
    font-size: 24px;
    top: 2px;
  }
  .signup .explain p {
    font-size: 18px;
    padding-top: 3px;
  }
  .signup .form input.email {
    width: 50%;
  }
}