Made about page

public/styles/components/_page--style-about.scss

@@ -0,0 +1,47 @@
+/*
+ *  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%;
+  }
+}