fix post titles not shrinking on mobile view, and clean up optimize-image partial

assets/sass/components/_content.scss

@@ -59,46 +59,6 @@ div#content {
       padding-left: 0.25em;
     }
   }
-
-  div.embed {
-    &.video {
-      video {
-        display: block;
-        margin: 1em auto;
-        max-width: 100%;
-        height: auto;
-      }
-    }
-
-    &.youtube {
-      position: relative;
-      padding-bottom: 56.25%;
-      margin: 1em auto;
-      height: 0;
-      overflow: hidden;
-
-      iframe.youtube-player {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        display: inline-block;
-        border: 0;
-      }
-    }
-
-    &.gh-buttons {
-      text-align: center;
-    }
-
-    &.codepen {
-      iframe {
-        width: 100%;
-        border: 0;
-      }
-    }
-  }
 }
 
 // Responsive

assets/sass/components/_embeds.scss

@@ -0,0 +1,47 @@
+@charset "UTF-8";
+
+div.embed {
+  &.video {
+    video {
+      display: block;
+      margin: 1em auto;
+      max-width: 100%;
+      height: auto;
+    }
+  }
+
+  &.youtube {
+    position: relative;
+    padding-bottom: 56.25%;
+    margin: 1em auto;
+    height: 0;
+    overflow: hidden;
+
+    iframe.youtube-player {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      display: inline-block;
+      border: 0;
+    }
+  }
+
+  &.gh-buttons {
+    text-align: center;
+
+    // GitHub's script replaces <a> with <span>, so cover both
+    > span,
+    > a {
+      margin: 0 0.5em;
+    }
+  }
+
+  &.codepen {
+    iframe {
+      width: 100%;
+      border: 0;
+    }
+  }
+}

assets/sass/components/_global.scss

@@ -73,6 +73,7 @@ a {
   }
 }
 
+b,
 strong {
   letter-spacing: 0.008em; // not sure why the discrepancy between weights
 }

assets/sass/components/_reset.scss

@@ -1,3 +0,0 @@
-@charset "UTF-8";
-
-@import "node_modules/normalize.css/normalize.css";