#hero img {
  display:block;
  margin: 0 auto;
}

.hero_caption {display:none;}

.casestudy_quote {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  float: right;
  margin: 5px 0 12px 12px;
  padding: 9px 0;
  width: 200px;
}

.programnav {
  margin: 0;
}

.programnav h3 {
  text-transform: uppercase;
  font-size: 18px;
  padding-right: 16px;
}

.programnav li {
  display: inline-block;
}

.pullquote {
    color: #666666;
    padding: 40px;
}

section .pullquote h2 {
    position: relative;
    display: inline;
    font-size: 1.625rem;
    line-height: 1.14286;
    font-weight: normal;
}

.pullquote h2:before {
    content: "";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-family: "MaterialIcons";
    font-size: 48px;
    color: #FCE300;
    position: absolute;
    top: -24px;
    left: -24px;
    z-index: -1;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pullquote h2:after {
    content: "";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-family: "MaterialIcons";
    font-size: 48px;
    color: #FCE300;
    position: absolute;
    bottom: -24px;
    right: -24px;
    z-index: -1;
}

@media (max-width: 32.49em) {
  section .pullquote h2 {
      font-size: 1.25rem;
  }
}

/* Hide the "Lead photo" section at the bottom */
#content .inset .full div.hero_caption:last-child {display: none !important;}

.subheadline {margin:1em 0 0;color:#888;font-size: 1.25em;font-weight: bold;}

/* At all widths: */
figure.inline-left {
	left: 0;
	margin-right: 0;
	padding: 0 2.5em 0 0;}
figure.inline-right {
	left: 0;
	margin-left: 0;
	padding: 0 0 0 2.5em;}

/* At mid-width and mobile-width: */
@media screen and (max-width: 812px){
	#hero img, .hero img {margin-left: 0;}
  .programnav h3 { font-size: 14px; }
}

/* At mobile-width: */
@media screen and (max-width: 512px){
  figure.inline-right, 
  figure.inline-left {
      float: none;
      padding: 0 0 1em 0;}
  figure img, 
  figure picture {
      width: 100%;
      height: auto;}
}