.about {
  @apply font-sans;
}

.about__header {
  @apply uppercase mb-4 font-bold text-xs;

  color: #2E2E3C;
}

.about__header,
.about__link-list,
.about__social-list,
.about__text {
  @apply tracking-wide;
}

.about__link-list,
.about__social-list {
  @apply list-reset text-grey text-sm;
}

.about__link-list {
  @apply flex flex-wrap mb-8;
}

.about__link-list .about__link {
  @apply my-2 text-grey text-sm;
  flex-shrink: 1;
  flex-basis: 50%;
  min-width: 50%;
}

.about__social-list {
  @apply mb-6;
}

.about__social-list *:first-child {
  @apply ml-0;
}

.about__text {
  @apply leading-normal mb-6;
}

.about__btn {
  @apply w-full;
}

@screen sm {
  .about__header-links,
  .about__header-social-text-buttons {
    @apply inline-block;
    vertical-align: top;
    width: 50%;
  }
}