/* Typefaces
======================================== */
.page-typefaces main{
	min-height: var(--h);
	padding: var(--mBlock) var(--sides);
}

/*Header*/
#header-typefaces{
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between;
	text-transform: uppercase;
}

/*Background*/
#typefaces_background{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	z-index: -1;
}
#typefaces_background.Contain{
	object-fit: contain;
}
@media (max-width: 834px){
	.page-typefaces main{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr min-content;
		row-gap: calc(var(--textgap)*3);
	}
	#header-typefaces{
		display: contents;
	}
	#header-typefaces a{
		justify-self: flex-end;
	}
}
@media (max-width: 600px){
	#header-typefaces br{
		display: none;
	}
}