I agree that making a headline break is weird, but I don't think that the container width should ever extend beyond the width of the window by default. Again, I would think the default should be that it doesn't break the container. But that's just my opinion.

I believe it's the h1 being too long.
I've made an issue on Github.
The word should wrap by default, in my opinion, as opposed to just breaking the layout.

This is the row that's having issues. I'm not using wrapper tags. This is just sitting in the main container tag.
<row class="main">
<columns>
<h1 class="uppercase orange">Expanded Construction Drawings Now Available</h1>
<p class="intro black">Provide architects and building engineers additional details about your laundry project when they prepare permits and drawings.</p>
<spacer size="18"></spacer>
<center>
<img src="http://media.campaigner.com/media/7/73620/Speed%20Queen/sq-multihousing-main-image.jpg">
</center>
</columns>
</row>
I wasn't sure if you meant that the h1 was in the center tag. It's not, if that matters.

I'd like an invite

You'd have to run
gulp greet
You named the task 'greet'. If you want it to run by default, then add it to the main 'watch' task or whatever your default task is.

I know this isn't the most elegant solution, but for the menu I added this to my sass: 
.menu {
.menu-item {
&.hide-on-small {
@media only screen and (max-width: #{$global-breakpoint}) {
display: none !important;
}
}
}
}

I too am seeing an issue with columns. Here's the code:
<row>
<columns small="12" large="8">
<p>Visit Social Media under the Dealer Tools section to download your social media content.</p>
<spacer size="8"></spacer>
<center>
<button href="#">Visit Page <span>&#x25BA;</span></button>
</center>
</columns>
</row>
When I check the live preview using 'foundation watch'. Here's what I see:

And here is the html and actual calculated width:

 

 
That just doesn't add up. Something isn't correct. Any thoughts?