.bio
  background-color: $bio-bg-color
  color: $secondary
  padding-top: px-to-rem(32)

.bio-icon
  font-size: px-to-rem($bio-icon-size)

.bio-img
  border-radius: $bio-avatar-radius
  display: block
  margin: auto
  max-width: 100%

.bio-text
  font-size: px-to-rem($bio-font-size)
  text-align: $bio-text-alignment

  @include respond-to(large)
    font-size: px-to-rem($bio-font-size + 10)
.bio
  background-color: $bio-bg-color
  color: $secondary
  padding-top: px-to-rem(32)

.bio-icon
  font-size: px-to-rem($bio-icon-size)

.bio-img
  border-radius: $bio-avatar-radius
  display: block
  margin: auto
  max-width: 100%

.bio-text
  font-size: px-to-rem($bio-font-size)
  text-align: $bio-text-alignment

  @include respond-to(large)
    font-size: px-to-rem($bio-font-size + 9)
Adjust of the bio text
Adjust of the bio text
