/*
 *  About Page
 *    Styles for index page elements
 *
 *  Dependencies:
 *    styles/settings/responsive.scss
 *    styles/tools/_flex.scss
 *    styles/tools/_responsive.scss
 *
 *  Version:
 *    1.0.0 - 2018/03/11
 */
.c-page--style-about__profile {
  width: 100%;
  max-width: 256px;
  margin: 0 auto;
}

.c-page--style-about__blurb {
  font-size: 1.25em;
  max-width: 25em;
}

.c-page--style-about__language-container {
  @extend %t-flexbox;
  @include t-flex-wrap(wrap);
}

.c-page--style-about__language {
  width: 100%;
  padding: 1em;
}

.c-page--style-about__language-heading,
.c-page--style-about__language-description {
  text-align: center;
}

.c-page--style-about__subheading {
  margin-top: 4em;
}

@include t-media-query($s-small-up) {
  .c-page--style-about__language {
    width: 50%;
  }
}