.section {
  margin: 3rem 1rem;
}
.section h2 {
  font-family: 'Playfair Display', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 48em) {
  .section {
    margin: 3rem 2rem 3rem 2rem;
  }
}
.intro {
  font-size: 1.25rem;
  line-height: 2;
  font-weight: 300;
}
.our-team {
  background-image: url('/assets/our-team/banner-our-team.jpg');
  background-size: cover;
  background-position: center;
  height: 70vh;
}
.team .grid {
  padding-top: 4rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}
.team img {
  max-width: 100%;
}
.team h3 {
  font-size: 1.5rem;
  margin: 8px 0 8px;
  font-family: 'Playfair Display', sans-serif;
}
.team p {
  line-height: 1.5;
}
@media screen and (min-width: 35.5em) {
  .team .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 48em) {
  .team {
    padding: 0 4rem;
  }
  .team .grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 1.5rem;
  }
}