diff --git a/css/style.css b/css/style.css
index 860592e..ab65fda 100644
--- a/css/style.css
+++ b/css/style.css
@@ -45,20 +45,22 @@
   box-sizing: border-box; }
 
 html {
-  position: relative;
-  height: 100%;
-  width: 100%; }
+  /* position: relative; */
+  /* height: 100%; */
+  /* width: 100%; */
+  }
 
 img {
   width: 100%; }
 
 body {
-  height: 100%;
+  /* height: 100%; */
   font-family: "Comfortaa", Helvetica, Arial, sans-serif;
   line-height: 1.4;
   background-color: #0080ff;
   /* Margin bottom by footer height */
-  margin-bottom: 60px; }
+  /* margin-bottom: 60px; */
+  }
 
 h1, .h1,
 h2, .h2,
@@ -205,13 +207,14 @@
 .navbar.solid {
   background-color: #07374a;
   top: 0;
-  width: 110%;
-  margin: 0px -5%;
+  width: 100%;
+  margin: 0px 0%;
   box-shadow: 0 7px 8px 0px rgba(0,0,0,0.3);
   -webkit-transition: background-color .2s ease 0s;
   transition: background-color .2s ease 0s;
   -webkit-transition: box-shadow .2s ease 0s;
-  transition: box-shadow .2s ease 0s;  }
+  transition: box-shadow .2s ease 0s;
+  }
   .navbar.solid .navbar-brand {
     opacity: 1;
     display: inline-block;
@@ -315,6 +318,10 @@
   margin-bottom: 1.875em;
   padding-top: 5%; }
 
+@media screen and (min-width: 360px) {
+  #team > .container .row > div {width: 100%;margin: 0;}
+}
+
 @media screen and (min-width: 768px) {
   .portfolio-projects {
     margin-top: 0.625em; } }
@@ -470,7 +477,8 @@
 .team-role, .team-name, .team-links-list a {
     color: #07374a;
     text-align: center;
-    white-space: nowrap;
+    white-space: normal;
+    width: 100%;
 }
 .team-name, .family-name {
     font-size: 21px;
@@ -488,7 +496,7 @@
   margin:0 auto;
 }
 #team > .container .row > div {
-  min-height: 300px;
+  min-height: 0px;
   padding-left: 0;
   padding-right: 0;
   display: flex;
@@ -496,23 +504,23 @@
   justify-content: center;
 }
   @media (min-width: 768px) {
-    #team > .container .row > div {min-height: 320px;}
+    #team > .container .row > div {min-height: 0px;}
     #team .col-sm-4 {
-      width: 30%;
-      margin:1.66666666665%;
+      width: 100%;
+      margin: 0;
     }
   }
   @media (min-width: 992px) {
     #team .col-md-2 {
-      width: 21%;
-      margin:2%;
+      width: 100%;
+      margin: 0;
     }
   }
   @media (min-width: 1200px) {
-    #team > .container .row > div {min-height: 300px;}
+    #team > .container .row > div {min-height: 0px;}
   }
   @media (max-width: 700px) {
-    #team > .container .row > div {min-height: 350px;}
+    #team > .container .row > div {min-height: 0px;}
     #team .col-xs-6 {width: 42%;margin:4%;}
   }
   @media (max-width: 500px) {
diff --git a/css/styles_filter.css b/css/styles_filter.css
index f59a5ac..f9d7d97 100644
--- a/css/styles_filter.css
+++ b/css/styles_filter.css
@@ -34,7 +34,7 @@
 
 .cd-main-content {
   position: relative;
-  min-height: 100vh;
+  /* min-height: 100vh; */
 }
 .cd-main-content:after {
   content: "";
@@ -167,8 +167,8 @@
 @media only screen and (min-width: 768px) {
   .cd-tab-filter {
     /* tabbed navigation style on medium devices */
-    width: auto;
-    cursor: auto;
+    width: 100%;
+    display: inline-block;
   }
   .cd-tab-filter::after {
     /* hide the arrow */
@@ -176,9 +176,11 @@
   }
   .cd-tab-filter ul {
     background: transparent;
-    position: static;
+    position: relative;
     box-shadow: none;
     text-align: center;
+    padding: 0;
+    display: inline-block;
   }
   .cd-tab-filter li {
     display: inline-flex;
@@ -211,8 +213,8 @@
 @media only screen and (min-width: 1170px) {
   .cd-tab-filter {
     /* tabbed navigation on big devices */
-    width: 105%;
-    float: right;
+    width: 100%;
+    float: none;
     margin: 0;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
@@ -261,6 +263,7 @@
     text-align: center;
     display: grid;
     grid-template-columns: repeat(1, 1fr);
+    padding-left: 0;
   }
   .cd-gallery ul:after {
     content: "";
@@ -268,15 +271,16 @@
     clear: both;
   }
   .cd-gallery li {
-    margin-bottom: 2em;
+    margin-bottom: 5rem;
     margin-left: auto;
     margin-right: auto;
+    width: 100%;
   }
 }
 
 @media only screen and (min-width: 768px) {
   .cd-gallery {
-    padding: 30px 3%;
+    padding: 30px 0;
     float: left;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
@@ -286,6 +290,7 @@
     text-align: center;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
+    padding-left: 0;
   }
   .cd-gallery ul:after {
     content: "";
@@ -293,15 +298,15 @@
     clear: both;
   }
   .cd-gallery li {
-    width: 25%;
-    margin-bottom: 2em;
+    width: 100%;
+    margin-bottom: 5rem;
     margin-left: auto;
     margin-right: auto;
   }
 }
 @media only screen and (min-width: 1170px) {
   .cd-gallery {
-    padding: 20px 2%;
+    padding: 20px 0;
     float: left;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
@@ -313,10 +318,11 @@
     display: grid;
     grid-template-columns: repeat(3, 2fr);
     margin-top: 30px;
+    padding-left: 0;
   }
 
   .cd-gallery li {
-    width: 25%;
+    width: 100%;
     margin-left: auto;
     margin-right: auto;
   }