added some breakpoints

css/sass/components/_footer.scss

@@ -10,7 +10,6 @@
 }
 .subfooter_block_container {
   .container {
-
     @include xy-grid-container;
     @include xy-grid;
     justify-content: space-between;
@@ -31,12 +30,15 @@ footer {
     margin: 0;
   }
   .region-footer {
+    display: block;
+    @include breakpoint(medium) {
       @include xy-grid-container;
       @include xy-grid;
       .block {
         @include xy-cell(auto);
       }
     }
+  }
   .region-subfooter {
     @include xy-grid-container;
     //@include xy-grid;
@@ -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

@@ -83,7 +83,7 @@
 }
 .field--name-field-subjects h2 a {
   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;}
+}