main {
  display: block;
  margin: 0 auto;
  padding-bottom: 3em;
  width: 100%; }

/* Visually hides headline.
.archive-title__wrapper {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
	border: 0;
}
*/
.landing-page__content-wrapper--front-page {
  margin: 3.5em auto 2em;
  width: 95%;
  max-width: 1175px; }

.landing-page__content-wrapper--front-page .card__wrapper--outer {
  background-color: #fafafa;
  width: 100%;
  margin: 0.625em;
  max-width: 100%; }

.landing-page__content-wrapper--front-page .card__wrapper--outer .card__wrapper {
  box-shadow: none; }

@media (max-width: 899px) {
  .landing-page__content-wrapper--front-page .card__wrapper--outer {
    width: 100%;
    max-width: 705px;
    margin: 0 auto; }
  .landing-page__content-wrapper--front-page .card__wrapper--outer + .card__wrapper--outer {
    margin-top: 2.25em;
    width: 100%; } }

@media (min-width: 900px) {
  .landing-page__content-wrapper--front-page {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 1.5em), 1fr));
    grid-auto-rows: minmax(150px, auto);
    grid-gap: 2.25em; }
  .landing-page__content-wrapper--front-page .card__wrapper--outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    display: grid; }
  .landing-page__content-wrapper--front-page .card__wrapper--outer .card__wrapper {
    margin: 0;
    width: 100%;
    max-width: 100%; } }

@supports (display: grid) {
  .landing-page__content-wrapper--front-page .card__wrapper--outer,
  .landing-page__content-wrapper--front-page .card__wrapper--outer .card__wrapper {
    margin: 0 auto; } }

.landing-page__header-wrapper {
  max-width: 1175px;
  margin: 0 auto; }

.landing-page__header-wrapper--issue-header-inner-wrapper h1 {
  margin: .5em 1rem .25em; }

.landing-page__header-wrapper--issue-header-inner-wrapper h2 {
  margin-left: 1rem;
  padding-top: .5em; }

h2.issue__read-more a:hover {
  color: #3776a7; }

@media (min-width: 600px) {
  .legacy-issue__wrapper h1.archive-item__content-wrapper--headline {
    font-size: 2em; } }

@media (min-width: 900px) {
  .legacy-issue__wrapper h1.archive-item__content-wrapper--headline {
    font-size: 3em;
    margin-top: .5em; } }

.legacy-issue__content-wrapper--meta a {
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
  font-weight: bold; }