.flex-logo   { flex-basis: 16%; }
.flex-title  { flex-basis: 58%; }
.flex-social { flex-basis: 6.5rem; }
.flex-col    { flex-basis: 48%; }

.spacer-header     { flex-basis: 7rem; }
.spacer-home-end   { flex-basis: 5rem; }
.spacer-footer-top { flex-basis: 8rem; }
.spacer-footer-mid { flex-basis: 2.5rem; }
.spacer-footer-end { flex-basis: 4rem; }
.spacer-social     { flex-basis: 3rem; }
.spacer-col-gap    { flex-basis: 4%; }

.layout-nowrap      { flex-wrap: nowrap; }
.layout-col-stretch { flex-wrap: nowrap; flex-direction: column; align-items: stretch; }
.layout-center      { flex-wrap: nowrap; justify-content: center; }
.layout-center-top  { flex-wrap: nowrap; justify-content: center; align-items: flex-start; }
.layout-start       { justify-content: flex-start; }

.layout-wrap-78 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 78%;
	margin-left: auto !important;
	margin-right: auto !important;
}
.layout-wrap-90 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 90%;
	margin-left: 0 !important;
	margin-right: auto !important;
}
.layout-wrap-60 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 60%;
	margin-left: auto !important;
	margin-right: auto !important;
}
.layout-wrap-67 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 67%;
	margin-left: auto !important;
	margin-right: auto !important;
}