scss fixes and header text wrapping goodness

_config.yml

@@ -1,4 +1,4 @@
-# Site settings
+# site settings
 title: Forty
 subtitle: by HTML5 UP
 email: youremailaddress@gmail.com
@@ -13,11 +13,11 @@ zip_code: 55555
 country: United States of America
 phone: (716) 555-5555
 
-# Homepage tiles
+# homepage tiles
 tiles-source: posts # accepts "posts" or "pages"
 tiles-count: 6
 
-# Social settings
+# social settings
 500px_url:
 facebook_url:
 github_url:
@@ -29,7 +29,7 @@ pinterest_url:
 slack_url:
 twitter_url: https://twitter.com/andrewbanchich
 
-# Build settings
+# build settings
 markdown: kramdown
 
 sass:

_sass/components/_section.scss

@@ -18,20 +18,21 @@
 			width: -webkit-max-content;
 			width: -ms-max-content;
 			width: max-content;
+      max-width: 100%;
 			margin-bottom: _size(element-margin);
 
 			> :first-child {
-				margin-bottom: 0;
+				  margin-bottom: 0;
-				width: calc(100% + 0.5em);
+				  width: calc(100% + 0.5em);
 
-				&:after {
+				  &:after {
-					content: '';
+					    content: '';
-					background-color: _palette(fg-bold);
+					    background-color: _palette(fg-bold);
-					display: block;
+					    display: block;
-					height: 2px;
+					    height: 2px;
-					margin: 0.325em 0 0.5em 0;
+					    margin: 0.325em 0 0.5em 0;
-					width: 100%;
+					    width: 100%;
-				}
+				  }
 			}
 
 			> p {
@@ -66,4 +67,4 @@
 				}
 			}
 		}
-	}
+	}

_sass/layout/.#_banner.scss

@@ -0,0 +1 @@
+andrew@desktop.12459:1494934717

_sass/layout/_banner.scss

@@ -100,7 +100,7 @@
 			max-height: 50em;
 
 			&.alt {
-				opacity: 0.75;
+				  opacity: 0.75;
 			}
 		}
 
@@ -174,4 +174,4 @@
 				@include padding(6em, 0, (2em, 0, 0, 0));
 			}
 		}
-	}
+	}

assets/css/ie8.css

@@ -1,43 +0,0 @@
-/*
-	Forty by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
-
-/* Button */
-
-	.button {
-		border: solid 2px !important;
-	}
-
-		.button.next {
-			padding-right: 1.75em;
-		}
-
-			.button.next:before, .button.next:after {
-				display: none;
-			}
-
-/* Tiles */
-
-	.tiles article {
-		width: 50%;
-		-ms-behavior: url("assets/js/ie/backgroundsize.min.htc");
-		background-size: cover;
-	}
-
-/* Banner */
-
-	#banner {
-		-ms-behavior: url("assets/js/ie/backgroundsize.min.htc");
-	}
-
-		#banner:after {
-			display: none;
-		}
-
-/* Menu */
-
-	#menu {
-		background: #242943;
-	}

assets/css/ie9.css

@@ -1,94 +0,0 @@
-/*
-	Forty by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
-
-/* Spotlights */
-
-	.spotlights > section:after {
-		content: '';
-		display: block;
-		clear: both;
-	}
-
-	.spotlights > section > .image {
-		float: left;
-	}
-
-	.spotlights > section > .content {
-		float: left;
-	}
-
-/* Tiles */
-
-	.tiles:after {
-		content: '';
-		display: block;
-		clear: both;
-	}
-
-	.tiles article {
-		padding: 8em 4em 6em 4em ;
-		float: left;
-		height: auto;
-		max-height: none;
-		min-height: 0;
-	}
-
-/* Header */
-
-	#header .logo {
-		position: absolute;
-		top: 0;
-		left: 0;
-	}
-
-	#header nav {
-		position: absolute;
-		top: 0;
-		right: 0;
-	}
-
-/* Banner */
-
-	#banner {
-		padding: 7em 0 4em 0 ;
-		background-attachment: scroll;
-		height: auto;
-		max-height: none;
-		min-height: 0;
-	}
-
-		#banner > .inner .content {
-			display: block;
-		}
-
-			#banner > .inner .content > * {
-				margin-left: 0;
-				margin: 0 0 2em 0;
-			}
-
-		#banner.major {
-			height: auto;
-			max-height: none;
-			min-height: 0;
-		}
-
-/* Contact */
-
-	#contact:after {
-		content: '';
-		display: block;
-		clear: both;
-	}
-
-	#contact > .inner > * {
-		float: left;
-	}
-
-/* Menu */
-
-	#menu .inner {
-		margin: 0 auto;
-	}

assets/css/main.scss

@@ -1,3 +1,5 @@
+---
+---
 @import 'libs/vars';
 @import 'libs/functions';
 @import 'libs/mixins';
@@ -75,4 +77,4 @@
 	@import 'layout/contact';
 	@import 'layout/footer';
 	@import 'layout/wrapper';
-	@import 'layout/menu';
+	@import 'layout/menu';