added some breakpoints

css/sass/components/_footer.scss

@@ -1,7 +1,7 @@
 .footer_block_container {
   background: $black;
   border-bottom: 4px solid #8c2004;
-    padding: $global-padding 0;
+  padding: $global-padding 0;
 }
 .region-subfooter {
   background: darken($black, 10%);
@@ -10,7 +10,6 @@
 }
 .subfooter_block_container {
   .container {
-
     @include xy-grid-container;
     @include xy-grid;
     justify-content: space-between;
@@ -31,17 +30,20 @@ footer {
     margin: 0;
   }
   .region-footer {
-    @include xy-grid-container;
+    display: block;
-    @include xy-grid;
+    @include breakpoint(medium) {
-    .block {
+      @include xy-grid-container;
-      @include xy-cell(auto);
+      @include xy-grid;
+      .block {
+        @include xy-cell(auto);
+      }
     }
   }
   .region-subfooter {
     @include xy-grid-container;
     //@include xy-grid;
     //.block {
-      //@include xy-cell(auto);
+    //@include xy-cell(auto);
     //}
   }
   .title {
@@ -72,14 +74,14 @@ footer {
 }
 
 .region-footer .container {
-  @include xy-grid-container;
+  //@include xy-grid-container;
-  @include xy-grid;
+  //@include xy-grid;
-  .block {
+  //.block {
-    @include xy-cell(100%);
+    //@include xy-cell(100%);
-    @include breakpoint(large) {
+    //@include breakpoint(large) {
-      @include xy-cell(auto);
+      //@include xy-cell(auto);
-    }
+    //}
-  }
+  //}
 }
 .region-subfooter .container {
   @include xy-grid;

css/sass/components/_user.scss

@@ -82,8 +82,8 @@
   }
 }
 .field--name-field-subjects h2 a {
-    font-size: 1rem;
+  font-size: 1rem;
-    font-family: "Roboto Condensed",sans-serif;
+  font-family: 'Roboto Condensed', sans-serif;
 }
 .field--name-field-subjects .field__label {
   background: #333;
@@ -101,3 +101,30 @@
 
 .group-bio-info-2 {
 }
+.page-node-type-people .node__content .bio_left {
+  flex-flow: column;
+  display: flex;
+  margin-bottom: 1em;
+  img {
+    width: 100%;
+  }
+}
+.bio_left .field--name-field-subjects .field__items {
+  height: 100%;
+  //border: 1px solid #ccc;
+  padding: 0.5em;
+}
+.bio_right {
+  legend {
+    display: none;
+  }
+  .field--name-field-job-title {
+    margin-bottom: calc($global-margin/2);
+  }
+  .field__label {
+    width: 200px;
+    font-family: "Roboto Condensed", sans-serif;
+  }
+  .field--name-body {
+  margin-top: $global-margin;}
+}