@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');

body {
  font-family: 'Playfair Display', serif;
  text-align: center;
  line-height: 1.5!important;
  letter-spacing: 0.06em;
}

.portrait-wrapper {
  max-height: 50vh;
  width: fit-content;
  overflow: hidden;
}

.img-portrait {
  max-height: 50vh;
}

.footer {
  padding: 5rem;
}

.spaceheading {
  margin-top: 10rem;
}

@media screen and (min-width: 720px) {
  .portrait-wrapper {
    height: 65vh;
    max-height: 65vh;
  }
  .img-portrait {
    max-height: 65vh;
  }
}

#reference-carousel .carousel-item {
  height: 200px;
  max-width: 100%;
  align-items: center;
}

#reference-carousel img {
  margin: auto;
  max-height: 200px;
}

#touch-bio {
  width: fit-content;
}