@charset "UTF-8";

:root {
	--base-root-font-size: 1px;
	--base-space: 24rem;
	--base-layout-width: 100%;
	--base-content-width: 760rem;
	--base-content-width-wide: 1130rem;
	--base-offset: calc(1.5 * var(--base-space));
	--base-offset-vertical: calc(5 * var(--base-space));
	--base-gap: var(--base-space);
}

.site-layout-container {
	--child-max-width: calc(100% - calc(2 * var(--base-offset-h)));
	width: 100%;
	max-width: var(--base-layout-width);
	margin-left: auto;
	margin-right: auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.site-layout-container > * {
	width: var(--base-content-width);
	max-width: var(--child-max-width);
	margin-left: auto;
	margin-right: auto;
}

.site-layout-container > *.alignwide {
	width: var(--base-content-width-wide);
}

.site-layout-container > *.alignfull {
	width: 100%;
	max-width: 100%;
}

.site-layout-container > *.alignfull > * {
	max-width: var(--child-max-width);
	margin-left: auto;
	margin-right: auto;
}