@maxWidth: calc(@contentWidth + (2 * @contentPadding));

.content {
	&--full {
		height: var(--app-height);
	}
	
	&:not(.content--full) {
		width: 100%;
		margin: 0 auto;
		padding : 0 @contentPadding;
		max-width: @maxWidth;
		@media (min-width: @responsiveDesktopXL) {
			max-width: 50vw;
		}
	
		.h1 {
			margin: 0.5em 0 1.5em 0;
			padding: 0 0 1vh 0;
		}
	
		.h2,
		.h3 { margin-bottom: 1em; }
		
		p + .h2,
		p + .h3 { margin-top: 1em; }
	
		@media (min-width: @responsiveTablet) {
			.col {
				column-count: 2;
				column-gap: 7.5rem;
			}
		}
	}
}