Header title & icons with better responsivness.

Author: TheSeg

_includes/content/introduction.html

@@ -8,7 +8,7 @@ <h2>Designer + Programmer</h2>
 			<i class="icon-puzzle-piece icon-light"></i>
 		</span>
 	</div>
-    <div class="col-sm-6 hidden-xs">
+    <div class="introduction-text col-sm-6 hidden-xs">
         <h2>Designer + Programmer</h2>
     </div>
 	<div class="col-sm-3 col-xs-6">

_less/seg_resume.less

@@ -177,12 +177,24 @@ table {
 	}
 	.introduction-block {
         @introduction-icon-size-xs: 1.25;
+        margin-bottom:20px;
+        .introduction-text {
+            @media (min-width: @screen-sm) {
+                display:table-row;
+                vertical-align:middle;
+                height:100%;
+            }
+		}
 		h2 {
-			font-size:35pt;
+            @base-font-size:40pt;
+			font-size:@base-font-size;
 			@media (max-width: @screen-xs-max) {
-				font-size:( 35pt / @introduction-icon-size-xs );
+				font-size:( @base-font-size / @introduction-icon-size-xs );
 			}
-		}
+            @media (min-width: @screen-lg ) {
+                padding-top:( @base-font-size / 2 );
+            }
+        }
 		.icon-stack {
 			font-size:60pt;
 			@media (max-width: @screen-xs-max) {