Making improvements to the layout on mobile

resources/sass/_bio.scss

@@ -3,3 +3,9 @@
 .personal-bio {
     width: $mainWidth;
 }
+
+@media screen and (max-width: $mainWidth) {
+    .personal-bio {
+        width: 95vw;
+    }
+}

resources/sass/_footer.scss

@@ -20,3 +20,19 @@ footer {
         margin-bottom: 0;
     }
 }
+
+@media screen and (max-width: $mainWidth) {
+    footer {
+        img {
+            width: 95%;
+        }
+
+        form {
+            width: 95vw;
+        }
+
+        select {
+            width: 90vw;
+        }
+    }
+}

resources/sass/_pagination.scss

@@ -8,3 +8,9 @@
     list-style-type: none;
     width: $mainWidth;
 }
+
+@media screen and (max-width: $mainWidth) {
+    .pagination {
+        width: 95vw;
+    }
+}