refactor responsive SCSS using mixins

assets/sass/pages/_home.scss

@@ -136,3 +136,48 @@ body#home {
     transform-origin: 70% 70%;
   }
 }
+
+
+// Responsive
+@mixin responsive--home() {
+  body#home {
+    font-size: 1em;
+    padding: 25px;
+  
+    p {
+      font-size: 1.1em;
+    }
+  
+    img#me {
+      width: 68px;
+      height: 68px;
+      padding: 2px;
+    }
+  
+    footer div {
+      &#panda {
+        display: none;
+      }
+  
+      &#blog,
+      &#info {
+        width: 50%;
+      }
+  
+      &#blog {
+        font-size: 1em;
+        line-height: 1.5;
+      }
+  
+      &#info {
+        font-size: 0.7em;
+        line-height: 2.1;  // magic numbers don't judge
+  
+        span#copyright::after {
+          content: "\A";
+          white-space: pre;
+        }
+      }
+    }
+  }  
+}