body {
	background:url('/site/assets/images/photocopy_background.jpg') repeat 0 0 #fafafa;
	background-attachment: fixed;
	background-size: 1280px 2082px;
	color:var(--dark);
	padding: 40px 20px;
}

#app {
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	position: relative;
	justify-content: start;
	gap: var(--gap);
	max-width: 1282px;
	margin: 0 auto;
}

#app.app_home{
	min-height: auto;
}

.sc_main_grid,
.sc_grid_wide {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--gap);
	width: 100%;
}

@container (min-width: 768px) {
	.sc_main_grid {
		grid-template-columns: 1fr 1fr;
	}
}

@container (min-width: 992px) {
	.sc_grid_wide {
		grid-template-columns: 1fr 1fr;
	}
}

.sc_main{
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.logo_link {
	display: block;
	position: sticky;
	top: 48px;
}

header {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	position: sticky;
	top: 40px;
}

.sc_grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--gap);
}

@container (min-width: 920px) {
	.sc_grid {
		grid-template-columns: 1fr 1fr;
	}
}