/* full width wrappers */
.container:not(.site-header-container):has(.site-main.full-width),
.site-content-grid:has(.site-main.full-width),
.content-area:has(.site-main.full-width) {
	max-width: none;
	padding: 0;
	margin: 0;
}

/* full width main */
.site-main.full-width {
	width: 100vw;
	margin-inline: calc(50% - 50vw);
}

/* canvas */
.canvas {
	width: 100vw;
	padding: 20px 10px;
}

/* larger than 479px */
@media only screen and (min-width: 480px) {

	/* canvas */
	.canvas {
		padding: 40px 20px;
	}

}