.bio {
  @include flexbox();
  @include justify-content(center);
  @include align-items(center);
  @include flex-direction(column);
  width: 100%;
  max-width: 200px;
  font-family: 'Montserrat', sans-serif;

  &__photo {
      width: 100%;
      height: 100%;      

      &-wrapper {
        width: 128px;
        height: 128px;
        border-radius: 100%;
        overflow: hidden;        
        margin: 1rem;
        @include themify($themes) {
          background-color: themed('');
        }
      }
  }

  &__name {
    font-weight: 700;
    letter-spacing: 1px;
    font-family: inherit;
  }

  &__desc {
    margin: 0.5rem 0;
    text-align: center;
  }

  &__social {
    a {
      text-decoration: none !important;
      @include themify($themes) {
        color: themed('social-icon-color');
        @include on-event {
          color: themed('social-icon-hover-color');
        }
      }
    }
  }
}