diff --git a/public/flexbox.css b/public/flexbox.css
new file mode 100644
index 0000000..65c0672
--- /dev/null
+++ b/public/flexbox.css
@@ -0,0 +1,1047 @@
+ /*Uncomment and set these variables to customize the grid. */
+ .container-fluid {
+   margin-right: auto;
+   margin-left: auto;
+   padding-right: 32px;
+   padding-left: 32px;
+ }
+
+ .row {
+   box-sizing: border-box;
+   display: -ms-flexbox;
+   display: -webkit-box;
+   display: flex;
+   -ms-flex: 0 1 auto;
+   -webkit-box-flex: 0;
+   flex: 0 1 auto;
+   -ms-flex-direction: row;
+   -webkit-box-orient: horizontal;
+   -webkit-box-direction: normal;
+   flex-direction: row;
+   -ms-flex-wrap: wrap;
+   flex-wrap: wrap;
+   margin-right: -16px;
+   margin-left: -16px;
+ }
+
+ .row.tight {
+   margin-right: -8px;
+   margin-left: -8px;
+ }
+
+ .row.reverse {
+   -ms-flex-direction: row-reverse;
+   -webkit-box-orient: horizontal;
+   -webkit-box-direction: reverse;
+   flex-direction: row-reverse;
+ }
+
+ .col.reverse {
+   -ms-flex-direction: column-reverse;
+   -webkit-box-orient: vertical;
+   -webkit-box-direction: reverse;
+   flex-direction: column-reverse;
+ }
+
+ .col-xs,
+ .col-xs-1,
+ .col-xs-2,
+ .col-xs-2-5,
+ .col-xs-3,
+ .col-xs-4,
+ .col-xs-5,
+ .col-xs-6,
+ .col-xs-7,
+ .col-xs-8,
+ .col-xs-9,
+ .col-xs-10,
+ .col-xs-11,
+ .col-xs-12 {
+   box-sizing: border-box;
+   -ms-flex: 0 0 auto;
+   -webkit-box-flex: 0;
+   flex: 0 0 auto;
+   padding-right: 16px;
+   padding-left: 16px;
+ }
+
+ .col-xs {
+   -webkit-flex-grow: 1;
+   -ms-flex-positive: 1;
+   -webkit-box-flex: 1;
+   flex-grow: 1;
+   -ms-flex-preferred-size: 0;
+   flex-basis: 0;
+   max-width: 100%;
+ }
+
+ .col-xs-1 {
+   -ms-flex-preferred-size: 8.333%;
+   flex-basis: 8.333%;
+   max-width: 8.333%;
+ }
+
+ .col-xs-2 {
+   -ms-flex-preferred-size: 16.667%;
+   flex-basis: 16.667%;
+   max-width: 16.667%;
+ }
+
+ .col-xs-2-5 {
+   -ms-flex-preferred-size: 20%;
+   flex-basis: 20%;
+   max-width: 20%;
+ }
+
+ .col-xs-3 {
+   -ms-flex-preferred-size: 25%;
+   flex-basis: 25%;
+   max-width: 25%;
+ }
+
+ .col-xs-4 {
+   -ms-flex-preferred-size: 33.333%;
+   flex-basis: 33.333%;
+   max-width: 33.333%;
+ }
+
+ .col-xs-5 {
+   -ms-flex-preferred-size: 41.667%;
+   flex-basis: 41.667%;
+   max-width: 41.667%;
+ }
+
+ .col-xs-6 {
+   -ms-flex-preferred-size: 50%;
+   flex-basis: 50%;
+   max-width: 50%;
+ }
+
+ .col-xs-7 {
+   -ms-flex-preferred-size: 58.333%;
+   flex-basis: 58.333%;
+   max-width: 58.333%;
+ }
+
+ .col-xs-8 {
+   -ms-flex-preferred-size: 66.667%;
+   flex-basis: 66.667%;
+   max-width: 66.667%;
+ }
+
+ .col-xs-9 {
+   -ms-flex-preferred-size: 75%;
+   flex-basis: 75%;
+   max-width: 75%;
+ }
+
+ .col-xs-10 {
+   -ms-flex-preferred-size: 83.333%;
+   flex-basis: 83.333%;
+   max-width: 83.333%;
+ }
+
+ .col-xs-11 {
+   -ms-flex-preferred-size: 91.667%;
+   flex-basis: 91.667%;
+   max-width: 91.667%;
+ }
+
+ .col-xs-12 {
+   -ms-flex-preferred-size: 100%;
+   flex-basis: 100%;
+   max-width: 100%;
+ }
+
+ .col-xs-offset-1 {
+   margin-left: 8.333%;
+ }
+
+ .col-xs-offset-2 {
+   margin-left: 16.667%;
+ }
+
+ .col-xs-offset-3 {
+   margin-left: 25%;
+ }
+
+ .col-xs-offset-4 {
+   margin-left: 33.333%;
+ }
+
+ .col-xs-offset-5 {
+   margin-left: 41.667%;
+ }
+
+ .col-xs-offset-6 {
+   margin-left: 50%;
+ }
+
+ .col-xs-offset-7 {
+   margin-left: 58.333%;
+ }
+
+ .col-xs-offset-8 {
+   margin-left: 66.667%;
+ }
+
+ .col-xs-offset-9 {
+   margin-left: 75%;
+ }
+
+ .col-xs-offset-10 {
+   margin-left: 83.333%;
+ }
+
+ .col-xs-offset-11 {
+   margin-left: 91.667%;
+ }
+
+ .start-xs {
+   -ms-flex-pack: start;
+   -webkit-box-pack: start;
+   justify-content: flex-start;
+   text-align: start;
+ }
+
+ .center-xs {
+   -ms-flex-pack: center;
+   -webkit-box-pack: center;
+   justify-content: center;
+   text-align: center;
+ }
+
+ .end-xs {
+   -ms-flex-pack: end;
+   -webkit-box-pack: end;
+   justify-content: flex-end;
+   text-align: end;
+ }
+
+ .top-xs {
+   -ms-flex-align: start;
+   -webkit-box-align: start;
+   align-items: flex-start;
+ }
+
+ .middle-xs {
+   -ms-flex-align: center;
+   -webkit-box-align: center;
+   align-items: center;
+ }
+
+ .bottom-xs {
+   -ms-flex-align: end;
+   -webkit-box-align: end;
+   align-items: flex-end;
+ }
+
+ .around-xs {
+   -ms-flex-pack: distribute;
+   justify-content: space-around;
+ }
+
+ .between-xs {
+   -ms-flex-pack: justify;
+   -webkit-box-pack: justify;
+   justify-content: space-between;
+ }
+
+ .first-xs {
+   -ms-flex-order: -1;
+   -webkit-box-ordinal-group: 0;
+   order: -1;
+ }
+
+ .last-xs {
+   -ms-flex-order: 1;
+   -webkit-box-ordinal-group: 2;
+   order: 1;
+ }
+
+ @media only screen and (max-width: 767px) {
+   .container {
+     width: 100%;
+   }
+
+   .row {
+     padding: 0 24px;
+   }
+
+   .col-sm,
+   .col-sm-1,
+   .col-sm-2,
+   .col-sm-2-5,
+   .col-sm-3,
+   .col-sm-4,
+   .col-sm-5,
+   .col-sm-6,
+   .col-sm-7,
+   .col-sm-8,
+   .col-sm-9,
+   .col-sm-10,
+   .col-sm-11,
+   .col-sm-12 {
+     box-sizing: border-box;
+     -ms-flex: 0 0 auto;
+     -webkit-box-flex: 0;
+     flex: 0 0 auto;
+     padding-right: 0;
+     padding-left: 0;
+     width: 100%;
+   }
+
+   .col-sm-offset-1,
+   .col-sm-offset-2,
+   .col-sm-offset-3,
+   .col-sm-offset-4,
+   .col-sm-offset-5,
+   .col-sm-offset-6,
+   .col-sm-offset-7,
+   .col-sm-offset-8,
+   .col-sm-offset-9,
+   .col-sm-offset-10,
+   .col-sm-offset-11 {
+     margin-left: 0;
+   }
+
+   .start-sm {
+     -ms-flex-pack: start;
+     -webkit-box-pack: start;
+     justify-content: flex-start;
+     text-align: start;
+   }
+
+   .center-sm {
+     -ms-flex-pack: center;
+     -webkit-box-pack: center;
+     justify-content: center;
+     text-align: center;
+   }
+
+   .end-sm {
+     -ms-flex-pack: end;
+     -webkit-box-pack: end;
+     justify-content: flex-end;
+     text-align: end;
+   }
+
+   .top-sm {
+     -ms-flex-align: start;
+     -webkit-box-align: start;
+     align-items: flex-start;
+   }
+
+   .middle-sm {
+     -ms-flex-align: center;
+     -webkit-box-align: center;
+     align-items: center;
+   }
+
+   .bottom-sm {
+     -ms-flex-align: end;
+     -webkit-box-align: end;
+     align-items: flex-end;
+   }
+
+   .around-sm {
+     -ms-flex-pack: distribute;
+     justify-content: space-around;
+   }
+
+   .between-sm {
+     -ms-flex-pack: justify;
+     -webkit-box-pack: justify;
+     justify-content: space-between;
+   }
+
+   .first-sm {
+     -ms-flex-order: -1;
+     -webkit-box-ordinal-group: 0;
+     order: -1;
+   }
+
+   .last-sm {
+     -ms-flex-order: 1;
+     -webkit-box-ordinal-group: 2;
+     order: 1;
+   }
+ }
+
+ @media only screen and (min-width: 768px) {
+   .container {
+     width: 736px;
+   }
+
+   .col-sm,
+   .col-sm-1,
+   .col-sm-2,
+   .col-sm-2-5,
+   .col-sm-3,
+   .col-sm-4,
+   .col-sm-5,
+   .col-sm-6,
+   .col-sm-7,
+   .col-sm-8,
+   .col-sm-9,
+   .col-sm-10,
+   .col-sm-11,
+   .col-sm-12 {
+     box-sizing: border-box;
+     -ms-flex: 0 0 auto;
+     -webkit-box-flex: 0;
+     flex: 0 0 auto;
+     padding-right: 16px;
+     padding-left: 16px;
+   }
+
+   .col-sm {
+     -webkit-flex-grow: 1;
+     -ms-flex-positive: 1;
+     -webkit-box-flex: 1;
+     flex-grow: 1;
+     -ms-flex-preferred-size: 0;
+     flex-basis: 0;
+     max-width: 100%;
+   }
+
+   .col-sm-1 {
+     -ms-flex-preferred-size: 8.333%;
+     flex-basis: 8.333%;
+     max-width: 8.333%;
+   }
+
+   .col-sm-2 {
+     -ms-flex-preferred-size: 16.667%;
+     flex-basis: 16.667%;
+     max-width: 16.667%;
+   }
+
+   .col-sm-2-5 {
+     -ms-flex-preferred-size: 20%;
+     flex-basis: 20%;
+     max-width: 20%;
+   }
+
+   .col-sm-3 {
+     -ms-flex-preferred-size: 25%;
+     flex-basis: 25%;
+     max-width: 25%;
+   }
+
+   .col-sm-4 {
+     -ms-flex-preferred-size: 33.333%;
+     flex-basis: 33.333%;
+     max-width: 33.333%;
+   }
+
+   .col-sm-5 {
+     -ms-flex-preferred-size: 41.667%;
+     flex-basis: 41.667%;
+     max-width: 41.667%;
+   }
+
+   .col-sm-6 {
+     -ms-flex-preferred-size: 50%;
+     flex-basis: 50%;
+     max-width: 50%;
+   }
+
+   .col-sm-7 {
+     -ms-flex-preferred-size: 58.333%;
+     flex-basis: 58.333%;
+     max-width: 58.333%;
+   }
+
+   .col-sm-8 {
+     -ms-flex-preferred-size: 66.667%;
+     flex-basis: 66.667%;
+     max-width: 66.667%;
+   }
+
+   .col-sm-9 {
+     -ms-flex-preferred-size: 75%;
+     flex-basis: 75%;
+     max-width: 75%;
+   }
+
+   .col-sm-10 {
+     -ms-flex-preferred-size: 83.333%;
+     flex-basis: 83.333%;
+     max-width: 83.333%;
+   }
+
+   .col-sm-11 {
+     -ms-flex-preferred-size: 91.667%;
+     flex-basis: 91.667%;
+     max-width: 91.667%;
+   }
+
+   .col-sm-12 {
+     -ms-flex-preferred-size: 100%;
+     flex-basis: 100%;
+     max-width: 100%;
+   }
+
+   .col-sm-offset-1 {
+     margin-left: 8.333%;
+   }
+
+   .col-sm-offset-2 {
+     margin-left: 16.667%;
+   }
+
+   .col-sm-offset-3 {
+     margin-left: 25%;
+   }
+
+   .col-sm-offset-4 {
+     margin-left: 33.333%;
+   }
+
+   .col-sm-offset-5 {
+     margin-left: 41.667%;
+   }
+
+   .col-sm-offset-6 {
+     margin-left: 50%;
+   }
+
+   .col-sm-offset-7 {
+     margin-left: 58.333%;
+   }
+
+   .col-sm-offset-8 {
+     margin-left: 66.667%;
+   }
+
+   .col-sm-offset-9 {
+     margin-left: 75%;
+   }
+
+   .col-sm-offset-10 {
+     margin-left: 83.333%;
+   }
+
+   .col-sm-offset-11 {
+     margin-left: 91.667%;
+   }
+
+   .start-sm {
+     -ms-flex-pack: start;
+     -webkit-box-pack: start;
+     justify-content: flex-start;
+     text-align: start;
+   }
+
+   .center-sm {
+     -ms-flex-pack: center;
+     -webkit-box-pack: center;
+     justify-content: center;
+     text-align: center;
+   }
+
+   .end-sm {
+     -ms-flex-pack: end;
+     -webkit-box-pack: end;
+     justify-content: flex-end;
+     text-align: end;
+   }
+
+   .top-sm {
+     -ms-flex-align: start;
+     -webkit-box-align: start;
+     align-items: flex-start;
+   }
+
+   .middle-sm {
+     -ms-flex-align: center;
+     -webkit-box-align: center;
+     align-items: center;
+   }
+
+   .bottom-sm {
+     -ms-flex-align: end;
+     -webkit-box-align: end;
+     align-items: flex-end;
+   }
+
+   .around-sm {
+     -ms-flex-pack: distribute;
+     justify-content: space-around;
+   }
+
+   .between-sm {
+     -ms-flex-pack: justify;
+     -webkit-box-pack: justify;
+     justify-content: space-between;
+   }
+
+   .first-sm {
+     -ms-flex-order: -1;
+     -webkit-box-ordinal-group: 0;
+     order: -1;
+   }
+
+   .last-sm {
+     -ms-flex-order: 1;
+     -webkit-box-ordinal-group: 2;
+     order: 1;
+   }
+ }
+
+ @media only screen and (min-width: 992px) {
+   .container {
+     width: 976px;
+   }
+
+   .col-md,
+   .col-md-1,
+   .col-md-2,
+   .col-md-2-5,
+   .col-md-3,
+   .col-md-4,
+   .col-md-5,
+   .col-md-6,
+   .col-md-7,
+   .col-md-8,
+   .col-md-9,
+   .col-md-10,
+   .col-md-11,
+   .col-md-12 {
+     box-sizing: border-box;
+     -ms-flex: 0 0 auto;
+     -webkit-box-flex: 0;
+     flex: 0 0 auto;
+     padding-right: 16px;
+     padding-left: 16px;
+   }
+
+   .col-md {
+     -webkit-flex-grow: 1;
+     -ms-flex-positive: 1;
+     -webkit-box-flex: 1;
+     flex-grow: 1;
+     -ms-flex-preferred-size: 0;
+     flex-basis: 0;
+     max-width: 100%;
+   }
+
+   .col-md-1 {
+     -ms-flex-preferred-size: 8.333%;
+     flex-basis: 8.333%;
+     max-width: 8.333%;
+   }
+
+   .col-md-2 {
+     -ms-flex-preferred-size: 16.667%;
+     flex-basis: 16.667%;
+     max-width: 16.667%;
+   }
+
+   .col-md-2-5 {
+     -ms-flex-preferred-size: 20%;
+     flex-basis: 20%;
+     max-width: 20%;
+   }
+
+   .col-md-3 {
+     -ms-flex-preferred-size: 25%;
+     flex-basis: 25%;
+     max-width: 25%;
+   }
+
+   .col-md-4 {
+     -ms-flex-preferred-size: 33.333%;
+     flex-basis: 33.333%;
+     max-width: 33.333%;
+   }
+
+   .col-md-5 {
+     -ms-flex-preferred-size: 41.667%;
+     flex-basis: 41.667%;
+     max-width: 41.667%;
+   }
+
+   .col-md-6 {
+     -ms-flex-preferred-size: 50%;
+     flex-basis: 50%;
+     max-width: 50%;
+   }
+
+   .col-md-7 {
+     -ms-flex-preferred-size: 58.333%;
+     flex-basis: 58.333%;
+     max-width: 58.333%;
+   }
+
+   .col-md-8 {
+     -ms-flex-preferred-size: 66.667%;
+     flex-basis: 66.667%;
+     max-width: 66.667%;
+   }
+
+   .col-md-9 {
+     -ms-flex-preferred-size: 75%;
+     flex-basis: 75%;
+     max-width: 75%;
+   }
+
+   .col-md-10 {
+     -ms-flex-preferred-size: 83.333%;
+     flex-basis: 83.333%;
+     max-width: 83.333%;
+   }
+
+   .col-md-11 {
+     -ms-flex-preferred-size: 91.667%;
+     flex-basis: 91.667%;
+     max-width: 91.667%;
+   }
+
+   .col-md-12 {
+     -ms-flex-preferred-size: 100%;
+     flex-basis: 100%;
+     max-width: 100%;
+   }
+
+   .col-md-offset-1 {
+     margin-left: 8.333%;
+   }
+
+   .col-md-offset-2 {
+     margin-left: 16.667%;
+   }
+
+   .col-md-offset-3 {
+     margin-left: 25%;
+   }
+
+   .col-md-offset-4 {
+     margin-left: 33.333%;
+   }
+
+   .col-md-offset-5 {
+     margin-left: 41.667%;
+   }
+
+   .col-md-offset-6 {
+     margin-left: 50%;
+   }
+
+   .col-md-offset-7 {
+     margin-left: 58.333%;
+   }
+
+   .col-md-offset-8 {
+     margin-left: 66.667%;
+   }
+
+   .col-md-offset-9 {
+     margin-left: 75%;
+   }
+
+   .col-md-offset-10 {
+     margin-left: 83.333%;
+   }
+
+   .col-md-offset-11 {
+     margin-left: 91.667%;
+   }
+
+   .start-md {
+     -ms-flex-pack: start;
+     -webkit-box-pack: start;
+     justify-content: flex-start;
+     text-align: start;
+   }
+
+   .center-md {
+     -ms-flex-pack: center;
+     -webkit-box-pack: center;
+     justify-content: center;
+     text-align: center;
+   }
+
+   .end-md {
+     -ms-flex-pack: end;
+     -webkit-box-pack: end;
+     justify-content: flex-end;
+     text-align: end;
+   }
+
+   .top-md {
+     -ms-flex-align: start;
+     -webkit-box-align: start;
+     align-items: flex-start;
+   }
+
+   .middle-md {
+     -ms-flex-align: center;
+     -webkit-box-align: center;
+     align-items: center;
+   }
+
+   .bottom-md {
+     -ms-flex-align: end;
+     -webkit-box-align: end;
+     align-items: flex-end;
+   }
+
+   .around-md {
+     -ms-flex-pack: distribute;
+     justify-content: space-around;
+   }
+
+   .between-md {
+     -ms-flex-pack: justify;
+     -webkit-box-pack: justify;
+     justify-content: space-between;
+   }
+
+   .first-md {
+     -ms-flex-order: -1;
+     -webkit-box-ordinal-group: 0;
+     order: -1;
+   }
+
+   .last-md {
+     -ms-flex-order: 1;
+     -webkit-box-ordinal-group: 2;
+     order: 1;
+   }
+ }
+
+ @media only screen and (min-width: 1200px) {
+   .container {
+     width: 1136px;
+   }
+
+   .col-lg,
+   .col-lg-1,
+   .col-lg-2,
+   .col-lg-2-5,
+   .col-lg-3,
+   .col-lg-4,
+   .col-lg-5,
+   .col-lg-6,
+   .col-lg-7,
+   .col-lg-8,
+   .col-lg-9,
+   .col-lg-10,
+   .col-lg-11,
+   .col-lg-12 {
+     box-sizing: border-box;
+     -ms-flex: 0 0 auto;
+     -webkit-box-flex: 0;
+     flex: 0 0 auto;
+     padding-right: 16px;
+     padding-left: 16px;
+   }
+
+   .col-lg {
+     -webkit-flex-grow: 1;
+     -ms-flex-positive: 1;
+     -webkit-box-flex: 1;
+     flex-grow: 1;
+     -ms-flex-preferred-size: 0;
+     flex-basis: 0;
+     max-width: 100%;
+   }
+
+   .col-lg-1 {
+     -ms-flex-preferred-size: 8.333%;
+     flex-basis: 8.333%;
+     max-width: 8.333%;
+   }
+
+   .col-lg-2 {
+     -ms-flex-preferred-size: 16.667%;
+     flex-basis: 16.667%;
+     max-width: 16.667%;
+   }
+
+   .col-lg-2-5 {
+     -ms-flex-preferred-size: 20%;
+     flex-basis: 20%;
+     max-width: 20%;
+   }
+
+   .col-lg-3 {
+     -ms-flex-preferred-size: 25%;
+     flex-basis: 25%;
+     max-width: 25%;
+   }
+
+   .col-lg-4 {
+     -ms-flex-preferred-size: 33.333%;
+     flex-basis: 33.333%;
+     max-width: 33.333%;
+   }
+
+   .col-lg-5 {
+     -ms-flex-preferred-size: 41.667%;
+     flex-basis: 41.667%;
+     max-width: 41.667%;
+   }
+
+   .col-lg-6 {
+     -ms-flex-preferred-size: 50%;
+     flex-basis: 50%;
+     max-width: 50%;
+   }
+
+   .col-lg-7 {
+     -ms-flex-preferred-size: 58.333%;
+     flex-basis: 58.333%;
+     max-width: 58.333%;
+   }
+
+   .col-lg-8 {
+     -ms-flex-preferred-size: 66.667%;
+     flex-basis: 66.667%;
+     max-width: 66.667%;
+   }
+
+   .col-lg-9 {
+     -ms-flex-preferred-size: 75%;
+     flex-basis: 75%;
+     max-width: 75%;
+   }
+
+   .col-lg-10 {
+     -ms-flex-preferred-size: 83.333%;
+     flex-basis: 83.333%;
+     max-width: 83.333%;
+   }
+
+   .col-lg-11 {
+     -ms-flex-preferred-size: 91.667%;
+     flex-basis: 91.667%;
+     max-width: 91.667%;
+   }
+
+   .col-lg-12 {
+     -ms-flex-preferred-size: 100%;
+     flex-basis: 100%;
+     max-width: 100%;
+   }
+
+   .col-lg-offset-1 {
+     margin-left: 8.333%;
+   }
+
+   .col-lg-offset-2 {
+     margin-left: 16.667%;
+   }
+
+   .col-lg-offset-3 {
+     margin-left: 25%;
+   }
+
+   .col-lg-offset-4 {
+     margin-left: 33.333%;
+   }
+
+   .col-lg-offset-5 {
+     margin-left: 41.667%;
+   }
+
+   .col-lg-offset-6 {
+     margin-left: 50%;
+   }
+
+   .col-lg-offset-7 {
+     margin-left: 58.333%;
+   }
+
+   .col-lg-offset-8 {
+     margin-left: 66.667%;
+   }
+
+   .col-lg-offset-9 {
+     margin-left: 75%;
+   }
+
+   .col-lg-offset-10 {
+     margin-left: 83.333%;
+   }
+
+   .col-lg-offset-11 {
+     margin-left: 91.667%;
+   }
+
+   .start-lg {
+     -ms-flex-pack: start;
+     -webkit-box-pack: start;
+     justify-content: flex-start;
+     text-align: start;
+   }
+
+   .center-lg {
+     -ms-flex-pack: center;
+     -webkit-box-pack: center;
+     justify-content: center;
+     text-align: center;
+   }
+
+   .end-lg {
+     -ms-flex-pack: end;
+     -webkit-box-pack: end;
+     justify-content: flex-end;
+     text-align: end;
+   }
+
+   .top-lg {
+     -ms-flex-align: start;
+     -webkit-box-align: start;
+     align-items: flex-start;
+   }
+
+   .middle-lg {
+     -ms-flex-align: center;
+     -webkit-box-align: center;
+     align-items: center;
+   }
+
+   .bottom-lg {
+     -ms-flex-align: end;
+     -webkit-box-align: end;
+     align-items: flex-end;
+   }
+
+   .around-lg {
+     -ms-flex-pack: distribute;
+     justify-content: space-around;
+   }
+
+   .between-lg {
+     -ms-flex-pack: justify;
+     -webkit-box-pack: justify;
+     justify-content: space-between;
+   }
+
+   .first-lg {
+     -ms-flex-order: -1;
+     -webkit-box-ordinal-group: 0;
+     order: -1;
+   }
+
+   .last-lg {
+     -ms-flex-order: 1;
+     -webkit-box-ordinal-group: 2;
+     order: 1;
+   }
+ }
+
+ .custom-20p-md {
+   box-sizing: border-box;
+   -ms-flex: 0 0 auto;
+   -webkit-box-flex: 0;
+   flex: 0 0 auto;
+   padding-right: 8px;
+   padding-left: 8px;
+   -ms-flex-preferred-size: 20%;
+   flex-basis: 20%;
+   max-width: 20%;
+ }
\ No newline at end of file
diff --git a/public/global.css b/public/global.css
index 4a63ecd..3dacaa4 100644
--- a/public/global.css
+++ b/public/global.css
@@ -1,6 +1,7 @@
 @import url('reset.css');
 @import url('fonts.css');
 @import url('relay.css?v=59');
+@import url('flexbox.css');
 
 * {
   -webkit-font-smoothing: antialiased;
@@ -46,6 +47,23 @@ h2 {
   color: #000000;
 }
 
+h3 {
+  font-family: Open Sans;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 16px;
+  line-height: 20px;
+  text-transform: uppercase;
+}
+
+h6 {
+  font-family: Open Sans;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 16px;
+}
+
 p {
   font-style: normal;
   font-weight: normal;
diff --git a/public/img/steve.png b/public/img/steve.png
new file mode 100644
index 0000000..4079817
Binary files /dev/null and b/public/img/steve.png differ
diff --git a/public/img/tim.png b/public/img/tim.png
new file mode 100644
index 0000000..57bed6c
Binary files /dev/null and b/public/img/tim.png differ
diff --git a/src/About.svelte b/src/About.svelte
index 2b01333..d2d519f 100644
--- a/src/About.svelte
+++ b/src/About.svelte
@@ -5,20 +5,102 @@
 </script>
 
 <style>
+.flex-container {
+  display: flex;
+}
+
+.flex-child {
+  flex: 1;
+}
+
+.flex-child:first-child {
+  margin-right: 48px;
+}
+
+.h3-padding {
+  padding: 56px 0px 8px 0px;
+}
+
+.padding-top {
+  margin-top: 104px;
+}
+
+div > img:first-child {
+  margin-right: 56px;
+}
+
+div > img {
+  border-radius: 4px;
+}
+
+.names {
+  font-family: Open Sans;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 24px;
+  padding-top: 4px;
+  display: flex;
+  justify-content: center;
+  width: 346px;
+}
+
+.names:first-child {
+  margin-right: 64px;
+}
+
+.align-center {
+  display: flex;
+  justify-content: center;
+  width: 346px;
+  padding-top: 8px;
+}
 </style>
 
-<div class="static-content">
-  <h3>Who Built <em>Run A Relay</em>?</h3>
-
-  <ul>
-    <li>- Steve Phillips / <ExternalLink href="https://github.com/elimisteve">@elimisteve</ExternalLink>, privacy activist and Founder of <ExternalLink href="https://effective.af/">EffectiveAF</ExternalLink></li>
-    <ul>
-      <li>- Lead developer and hoster of <ExternalLink href="https://leapchat.org">LeapChat</ExternalLink>: end-to-end encrypted, ephemeral chat in the browser</li>
-    </ul>
-    <li>- Tim Sullivan / <ExternalLink href="https://github.com/timsully">@timsully</ExternalLink>, Design Technologist at Splunk</li>
-  </ul>
-
-  <p>
-    We love Tor!
-  </p>
-</div>
+
+<div class="container-fluid flex-container">
+
+  <div class="flex-child">
+
+    <div class="col-lg-8 col-lg-offset-2">
+      <h1 class="padding-top">Creating a better future, together.</h1>
+    </div>
+
+
+    <div class="col-lg-offset-2">
+      <div class="col-lg-7">
+        <h3 class="col-lg-4 h3-padding">Who we are</h3>
+      </div>
+
+      <p class="col-lg-7">It would make sense to introduce in this body of text what this is and how to get started. The rest of this text is</p>
+
+      <div class="col-lg-7"><h3 class="col-lg-4 h3-padding">Our Mission</h3></div>
+      
+      <p class="col-lg-7">It would make sense to introduce in this body of text what this is and how to get started. The rest of this text is.
+      </p>
+    </div>
+
+  </div>
+
+
+  <div class="flex-child">
+
+    <div class="row padding-top">
+      
+      <div>
+        <img src="../img/steve.png" width="346" height="504" alt="Image of Steve Phillips">
+        <h5 class="names">Steve Phillips</h5>
+        <h6 class="align-center">Founder of Effective.AF</h6>
+      </div>
+
+      <div>
+        <img src="../img/tim.png" width="346" height="504" alt="Image of Tim Sullivan">
+        <h5 class="names">Tim Sullivan</h5>
+        <h6 class="align-center">Design Technologist</h6>
+      </div>
+    </div>
+
+    <!-- second flex child endpoint -->
+  </div>
+
+  <!-- container endpoint -->
+</div>
\ No newline at end of file
diff --git a/src/Footer.svelte b/src/Footer.svelte
index d78fbe9..33f0f0e 100644
--- a/src/Footer.svelte
+++ b/src/Footer.svelte
@@ -8,6 +8,10 @@
   footer {
     display: flex;
     flex-direction: row;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
     height: 24px;
     margin: 24px 16px 12px 16px;
     justify-content: space-between;
diff --git a/src/Home.svelte b/src/Home.svelte
index 8c6f101..edf237b 100644
--- a/src/Home.svelte
+++ b/src/Home.svelte
@@ -13,26 +13,31 @@
 
 <style>
   .home {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    margin-top: 30px;
+    margin-top: 104px;
   }
   h1, h2 {
-    text-align: center;
+    text-align: left;
   }
   h2 {
-    margin-top: 40px;
-    margin-bottom: 40px;
+    margin: 24px 0px;
+  }
+  p {
+    margin-bottom: 24px;
   }
 </style>
 
-<div class="home">
-  <h1>Thinking about running a Tor relay?</h1>
-  <h2>You're in the right place!</h2>
+<div class="container-fluid">
+
+  <div class="home col-lg-offset-2">
+    <div class="row col-lg-6"><h1>Thinking about running a Tor relay?</h1></div>
+    
+    <div class="row"><h2 class="col-lg-4">What is this?</h2></div>
+    
+    <div class="row"><p class="col-lg-6">It would make sense to introduce in this body of text what this is and how to get started. The rest of this text is lorem ipsum suspendisse ante urna, condimentum vel diam eget, condimentum convallis elit. Maecenas congue enim quis tincidunt fermentum. Sed sit amet neque sapien. Donec ac nunc tincidunt, sodales dolor sit amet, egestas diam.
+    </p></div>
+  </div>
 
   <Link to="/step/intro">
-    <button class="primary hvr-ripple-out">Get Started</button>
+    <button class="primary hvr-ripple-out col-lg-offset-2">Get Started</button>
   </Link>
-</div>
+</div>
\ No newline at end of file