@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&display=swap');

html,
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

h1.article__content__heading {
  font-family: 'Playfair Display', serif !important;
  font-size: 38px !important;
}

.list {
  background-color: #f8f6f6;
  padding: 10px 20px;
  box-shadow: 0 0 4px rgba(0,0,0,0.333);
}

.grid-margin-x > .cell {
  margin-left: 0.6rem;
  margin-right: 0.6rem;
  margin-bottom: 1.2rem;
}

.list--list {
  margin-bottom: 1rem;
}

.space-overview__pinned {
  width: 200px;
  float: right;
  height: 100%;
  margin-bottom: 1.2rem;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0,0,0,0.333);
  border-radius: 4px;
}

.space-overview__pinned.grid-x > .medium-4 {
  display: block;
  width: 100%;
  height: auto !important;
}

.space-overview__pinned .space-overview__content__heading {
  margin-bottom: 0;
  background-color: #FF757A;
  color: #fff;
  border-radius: 4px 4px 0 0;
}

.space-overview__pinned .space-overview__content__heading h2 {
  font-size: 1.35rem;
}

.space-overview__pinned h3 {
  font-size: 1rem;
  font-weight: 500;
  color: #003057;
  margin-bottom: 0;
}
.space-overview__hero .sectioning-border {
  padding-top: 0;
  border:none;
}
.space-overview__pinned p {
  display: none;
}
.space-overview__pinned__topic img {
  top: 15px;
}
.space-overview__hero__header__content__intro--intro {
  display: none !important;
}
.grid-container {
  max-width: 85%;
}
@media screen and (max-width: 1024px) {
  .grid-container {
    max-width: 90%;
  }
@media screen and (max-width: 879px) {
  .space-overview__pinned {
    float: none;
    width: 100%;
  }
}