.section-header {
  padding-top: 64px;
  padding-bottom: 64px;
  background-color: #FAFAFA;
}

.section-resources {
  padding-top: 64px;
  padding-bottom: 64px;
}

.button-large {
  margin-top: 1.5em;
  padding-left: 42px;
  padding-right: 42px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.typography-sosumi {
  color: #888;
  margin-bottom: 0;
}

figure[data-figure-id="image-external-graphics"] {
	margin: 24px auto 24px;
	width: 100%;
	height: 372px;
	background-image: url(../images/external-graphics-hero-large.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1000px 372px;
}

@media only screen and (min-resolution: 1.5dppx),
only screen and (min-resolution: 144dpi) {
    figure[data-figure-id="image-external-graphics"] {
        background-image: url(../images/external-graphics-hero-large_2x.png);
    }
}

@media only screen and (max-width: 1068px) {
    figure[data-figure-id="image-external-graphics"] {
				background-position: 40px center;
        background-image: url(../images/external-graphics-hero-large.png);
    }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    figure[data-figure-id="image-external-graphics"] {
        background-image: url(../images/external-graphics-hero-large_2x.png);
    }
}

@media only screen and (max-width: 735px) {
    figure[data-figure-id="image-external-graphics"] {
      background-image: url(../images/external-graphics-hero-large.png);
    }
}

@media only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    figure[data-figure-id="image-external-graphics"] {
        background-image: url(../images/external-graphics-hero-large_2x.png);
    }
}