//----------------------------------------------------------------------------------------------------------------------
// HEADER
//----------------------------------------------------------------------------------------------------------------------

/// Main header that usually sits above the main navigation bar. Is usually only visible on larger viewports.
/// @group layout
.header {
	@extend %viewport-padding;

	// Apply padding to wrapper
	.wrapper {
		@include padding(rhythm(2) null);
	}
}