/*--- WRITE YOUR CSS HERE ---*/

#main h1 {
	color: #000;
	background-color: transparent;
}

#main .dek {
	color: #000;
	background-color: transparent;
}

#main .byline-feat {
	/*color: #000;*/
	background-color: transparent;
}

#main p a {
	/*color: #3c3c3c;*/
	border-bottom: 2px solid #fff100;
}

a {
	color: #3c3c3c;
  text-decoration: underline;
}

.section-break:first-line {
    font: 20px "HaasDisplayBold", Helvetica, Arial, sans-serif;
    color: #47b648;
}

.lede-contained-img {
  /*background-image: url("../img/IMAGE.jpg");*/
}

.bw-attribution-img {
	background-color: inherit;
	display: inline-block;
	max-height: 1.25em;
	padding: 4px 0 0 4px;
	margin-bottom: -4px;
}

.bw-attribution-link { 
	border-bottom: none;
}

.pullquotes {
  font: 2.2em/3.2rem "NHaasGroteskDSPro-75Bd", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif, sans-serif;
  position: relative;
  text-transform: uppercase;
      font-weight: bold;
  width: 58%;
  max-width: 48rem;
  margin: 1.5em auto;
  color: #000000;
  background-color: #fff100;
  padding: 1.25em 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}
/* line 38, ../scss/layout/_quotes.scss */
.pullquotes em {
  font-family: "NHaasGroteskDSPro-75Bd", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif, sans-serif;
}

@media screen and (max-width: 1023px) and (min-width: 560px) {
  .hide-on-mobile {
    display: none;
  }
}

@media screen and (max-width: 560px){

  .hide-on-mobile {
    display: none; 
  }
}