Fix head-wrap position

_layouts/post-index.html

@@ -16,7 +16,7 @@
 <div class="image-wrap">
   <div class="headline-wrap">
     <h1>{{ page.title }}</h1>
-    {% if page.tagline %}<h2>{{ page.tagline }}</h2>{% endif %}
+    {% if page.tagline %}<h2 class="hidden-phone">{{ page.tagline }}</h2>{% endif %}
   </div><!--/ .headline-wrap -->
   <img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image">
 </div><!-- /.image-wrap -->

assets/css/ie.css

@@ -1426,6 +1426,11 @@ html {
 .top-navigation li a {
   decoration: none;
   border-bottom: 0 solid transparent;
+  -webkit-transition: all 0.2s;
+  -moz-transition: all 0.2s;
+  -ms-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
 }
 #main {
   counter-reset: captions;
@@ -1855,9 +1860,13 @@ html {
   margin-left: 0%;
   margin-right: 0%;
 }
+.image-wrap .headline-wrap,
 .image-wrap:after {
   left: 25%;
 }
+.image-wrap .headline-wrap {
+  margin-left: 0;
+}
 #main article {
   display: inline;
   float: left;
@@ -1946,7 +1955,7 @@ html {
   left: 33.333333333%;
 }
 .image-wrap .headline-wrap {
-  margin-left: 33.333333333333336%;
+  margin-left: 8.333333333333334%;
 }
 #main article {
   display: inline;

assets/css/main.css

@@ -1783,6 +1783,11 @@ html {
 .top-navigation li a {
   decoration: none;
   border-bottom: 0 solid transparent;
+  -webkit-transition: all 0.2s;
+  -moz-transition: all 0.2s;
+  -ms-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
 }
 #main {
   counter-reset: captions;
@@ -2790,9 +2795,13 @@ img.mfp-img {
     margin-left: 0%;
     margin-right: 0%;
   }
+  .image-wrap .headline-wrap,
   .image-wrap:after {
     left: 25%;
   }
+  .image-wrap .headline-wrap {
+    margin-left: 0;
+  }
   #main article {
     display: inline;
     float: left;
@@ -2887,7 +2896,7 @@ img.mfp-img {
     left: 33.333333333%;
   }
   .image-wrap .headline-wrap {
-    margin-left: 33.333333333333336%;
+    margin-left: 8.333333333333334%;
   }
   #main article {
     display: inline;

assets/less/1382.less

@@ -15,7 +15,7 @@
 		left: 33.333333333%;
 	}
 	.headline-wrap {
-		.prefix(12,4);
+		.prefix(12,1);
 	}
 }
 #main article {

assets/less/600.less

@@ -16,9 +16,13 @@ html {
 	.prefix(12,0);
 	.suffix(12,0);
 }
+.image-wrap .headline-wrap,
 .image-wrap:after {
 	left: 25%;
 }
+.image-wrap .headline-wrap {
+	margin-left: 0;
+}
 #main article {
 	.grid(12,6);
 	.prefix(12,0);

assets/less/page.less

@@ -38,6 +38,7 @@ html {
 		a { 
 			decoration: none;
 			border-bottom: 0 solid transparent;
+			.transition(all .2s);
 		}
 	}
 }