.bio-container {
  width: 100%;
}

/********** PRIMARY PERSONA STYLING SECTION : BEGIN **********/
.primary-persona-container {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}

.primary-persona-container .tagline-container {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  color: var(--comfortGraphite) !important;
}

@media screen and (max-width: 580px) {
  ..primary-persona-container .tagline-container {
    max-width: 98%;
  }

  .primary-persona-container .tagline-container {
    max-width: 98vw;
  }
}

.primary-persona-container .tagline-container .tagline-main {
  text-align: center;
  line-height: 8vmin;
  font-size: max(24px, 7vmin);
  /*font-family: GFSDidotRegular;*/
  font-family: ModerneSans;

  /*font-family: OxygenRegular;*/

  color: var(--matteGraphite);
  text-shadow: var(--lightShadowColor) 1px 1px 3px;

  .first {
    /*font-weight: bold;*/
  }
  .smaller {
    font-size: max(20px, 5.5vmin);
  }
}

.primary-persona-container .tagline-container .tagline-sub {
  text-align: center;
  font-size: max(2.5vmin, 16px);
  font-family: OxygenLight;
  font-weight: bold;
}

.primary-persona-container .tagline-container .tagline-affiliations {
  text-align: center;
  font-size: max(2vmin, 14px);
  font-family: OxygenLight;
}

.primary-persona-container .tagline-container .tagline-summary {
  text-align: center;
  font-size: max(2.5vmin, 16px);
  font-family: OxygenLight;
}
/********** PRIMARY PERSONA STYLING SECTION : END **********/

/********** EXPERIENTIAL PERSONA STYLING SECTION : BEGIN **********/

.experiential-persona-container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.experiential-persona-container .feature-cell {
  margin-top: max(20px, 4vh);
}

.experiential-persona-container .feature-cell .feature-image {
  width: max(100px, 10vmin);
  resize: both;
  display: block;
  margin: auto;
  opacity: 0.55;
}

.experiential-persona-container .feature-cell .feature-title {
  margin-top: 2vmin;
  font-size: max(14px, 2.5vmin);
  font-family: OxygenRegular;
  color: var(--comfortGraphite);
  text-align: center;
  vertical-align: top;
}

.experiential-persona-container .feature-cell .feature-description {
  width: 90%;
  margin-top: 2vmin;
  margin-left: auto;
  margin-right: auto;
  font-size: max(12px, 2vmin);
  font-family: OxygenRegular;
  color: var(--metallicTitanium);
  text-align: center;
  vertical-align: top;
}

/********** EXPERIENTIAL PERSONA STYLING SECTION : END **********/

.ap-header-link {
  text-decoration: none;
  color: inherit !important;
}

.ap-footer-row {
  margin-bottom: 3px !important;
}

.ap-offcanvas-body {
  text-align: center;
}