/* Use Avenir throughout this page. */
body,
h1, h2, h3, h4, h5, h6,
.navbar,
button,
input,
textarea {
  font-family: "Avenir", "Avenir Next", sans-serif;
}

/* Replace the theme's default title with our profile block. */
.intro-header {
  display: none;
}

.profile-header {
  text-align: center;
  padding: 3rem 0 2rem;
}

.profile-photo {
  display: block;
  width: 400px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  margin: 0 auto 1.25rem;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}

.profile-header h1 {
  margin: 0 0 0.65rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
}

.profile-contact {
  font-size: 1rem;
  line-height: 1.6;
}

.profile-contact p {
  margin: 0.25rem 0;
}

.profile-contact a {
  overflow-wrap: anywhere;
}

@media (max-width: 575px) {

  .profile-header {
    padding-top: 2rem;
  }
}

/* Reserve space below the fixed navigation bar. */
body {
  padding-top: 100px;
}

/* Hide the name link in the navigation bar. */
.navbar .navbar-brand {
  display: none;
}