.about-us {
  padding: 3rem 0 6rem;
}
.about-us h2 {
  font-size: 2rem;
}
.our-team {
  background: #f4f4f4;
  padding: 3rem 0 4rem;
}
.our-team h2 {
  text-align: center;
  margin: 0;
  padding-bottom: 3rem;
}
.our-team-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1rem;
}

.team-bio-title a {
  text-decoration: none;
}
.team-bio-title h3,
.team-bio-content h3 {
  font-family: poppins, sans-serif;
  font-size: 1.3125rem;
  letter-spacing: 16%;
  font-weight: 700;
  margin: 0;
}
.team-bio-title p,
.team-bio-content p {
  font-size: 1.125rem;
  margin: 0;
}
.team-bio-title button {
  text-align: left;
  width: 100%;
  padding: 1rem 1rem 2rem 1rem;
  position: relative;
  border: none;
  background: none;
}
.team-bio-title button svg {
  position: absolute;
  top: 1rem;
  right: 5%;
}
.team-bio-title button p {
  margin: 0 2rem 0 0;
}
.team-bio-title button::after {
  position: absolute;
  right: 0.5rem;
  float: right;
  top: 50%;
  transform: translate(-0%, -50%);
}
.team-bio:hover button::after {
  background-position: 100% center;
  transition: 0.3s;
}
.popup {
  background: rgba(44, 75, 86, 0.5);
  position: fixed;
  display: none;
  z-index: 5000;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.team-bio-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 90%;
  max-width: 60em;
  min-height: 200px;
  display: none;
  margin: 0 auto;
  z-index: 9999;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  height: 50vh;
  overflow-y: auto;
}

.team-bio-popup {
  padding: 4rem;
}
.team-bio-image {
  cursor: pointer;
}
.team-bio-image img {
  width: 100%;
  height: auto;
}
a.team-bio-content-close {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: transparent;
  z-index: 9999;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  border: none;
}
img.close-button {
  width: 20px;
  height: 20px;
}
.white-popup {
  position: relative;
  background: #fff;
  padding: 4rem;
  width: 90vw;
  max-width: 960px;
  margin: 20px auto;
}

.testimonial-banner-wrapper {
  margin-top: -1rem;
}
.employment-banner {
  padding: 4rem 0;
}
.employment-banner .row-container {
  align-items: center;
  text-align: center;
}
.employment-banner h2 {
  text-align: center;
}
.employment-banner .wrap {
  width: 90%;
  margin: 0 auto;
  max-width: 860px;
}
.employment-banner .widget:first-child {
  grid-column: 1 / span 8;
}
.employment-banner .widget:last-child {
  grid-column: 10 / span 12;
}
.team-bio-popup-image {
  grid-column: 1 / span 4;
}
.team-bio-popup-image img {
  margin-bottom: 1rem;
}
.team-bio-popup-text {
  grid-column: 6 / span 12;
}
.team-bio-popup-text p {
  font-size: 1rem;
  margin-top: 0;
}

@media screen and (min-width: 64em) {
  /* ≥ 1024px */
  .our-team-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }
  .employment-banner .row-container {
    text-align: left;
  }
  .employment-banner .wrap {
    width: 70%;
  }
}