Index: wp-content/themes/twentyfourteen/css/ie.css
===================================================================
--- wp-content/themes/twentyfourteen/css/ie.css	(revision 28694)
+++ wp-content/themes/twentyfourteen/css/ie.css	(working copy)
@@ -29,6 +29,10 @@
 	border: 1px solid #b2b2b2;
 }
 
+.site-title {
+	max-width: 95%;
+}
+
 .site-content blockquote.alignleft,
 .site-content blockquote.alignright {
 	border-top: 1px solid #e5e5e5;
Index: wp-content/themes/twentyfourteen/style.css
===================================================================
--- wp-content/themes/twentyfourteen/style.css	(revision 28694)
+++ wp-content/themes/twentyfourteen/style.css	(working copy)
@@ -863,6 +863,8 @@
 	font-weight: 700;
 	line-height: 48px;
 	margin: 0;
+	max-width: -webkit-calc(100% - 86px);
+	max-width:         calc(100% - 86px);
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
@@ -3082,10 +3084,6 @@
 }
 
 @media screen and (max-width: 400px) {
-	.site-title {
-		max-width: 71%;
-	}
-
 	.list-view .site-content .post-thumbnail {
 		background: none;
 		width: auto;
@@ -3160,10 +3158,6 @@
 }
 
 @media screen and (min-width: 401px) {
-	.site-title {
-		max-width: 77%;
-	}
-
 	a.post-thumbnail:hover img {
 		opacity: 0.85;
 	}
@@ -3292,10 +3286,6 @@
 }
 
 @media screen and (min-width: 594px) {
-	.site-title {
-		max-width: 85%;
-	}
-
 	.site-content .entry-header {
 		padding-right: 30px;
 		padding-left: 30px;
@@ -3312,7 +3302,8 @@
 	}
 
 	.site-title {
-		max-width: 89%;
+		max-width: -webkit-calc(100% - 66px);
+		max-width:         calc(100% - 66px);
 	}
 
 	.search-toggle {
@@ -3451,7 +3442,8 @@
 	}
 
 	.site-title {
-		max-width: 93%;
+		max-width: -webkit-calc(100% - 48px);
+		max-width:         calc(100% - 48px);
 	}
 
 	.search-toggle {
@@ -3701,10 +3693,6 @@
 }
 
 @media screen and (min-width: 1008px) {
-	.site-title {
-		max-width: 95%;
-	}
-
 	.search-box-wrapper {
 		padding-left: 182px;
 	}