// Page Container
.g-container {
	width: $breakpoints-large-desktop-container;
	@include breakpoint(desktop-range) {
		width: $breakpoints-desktop-container;
	}
	@include breakpoint(tablet-range) {
		width: $breakpoints-tablet-container;
	}
	@include breakpoint(large-mobile-range) {
		width: $breakpoints-large-mobile-container;
	}
	@include breakpoint(small-mobile-range) {
		width: $breakpoints-mobile-container;
	}

	&.g-flushed {
		width: 100%;
	}
}

// Grid Row and Column Setup
.g-block {
	@include breakpoint(mobile-only) {
		flex-grow: 0;
		flex-basis: 100%;
	}
}

body [class*="size-"] {
	@include breakpoint(mobile-only) {
        flex-grow: 0;
        flex-basis: 100%;
        max-width: 100%;
	}
}

// Fix for Firefox versions 27 and below
@include breakpoint(mobile-only) {
	@supports not (flex-wrap: wrap) {
		.g-grid {
			display: block;
			flex-wrap: inherit;
		}
		.g-block {
			display: block;
			flex: inherit;
		}
	}
}