/* BEGIN: SECTION ----------------------------------------------------------- */

.section {
	display: grid;
	min-height: 100vh;
}

.section.background {
	background-image:
		url( '../resources/background-3.2.1-up.png' ),
		url( '../resources/background-3.2.1-down.png' );
	background-position: top center, bottom center;
	background-repeat: repeat-x, repeat-x;
	background-size: auto 50vh, auto 50vh;
}

.section.blue {
	background-color: var( --color-blue );
}

.section.red {
	background-color: var( --color-red );
}

.section.padding {
	align-content: center;
	/* 		align-content: start; */
	padding:
		var( --section-padding-vertical )
		var( --section-padding-horizontal );
}

	.section > .header {
		display: grid;
		font-size: 1em;
		font-weight: 700;
		grid-template-columns: auto 1fr;
	}

		.section > .header > img {
			width: 3em;
			grid-column: 1 / 2;
			grid-row: 1 / 2;
			margin-right: 0.75em;
		}

		.section > .header > span:nth-of-type(1) {
				font-size: 2.125em;
				font-size: 2em;
				grid-column: 2 / 3;
				grid-row: 1 / 2;
			}

		.section > .header > span:nth-of-type(1):after {
			content: ' ...';
		}

		.section > .header > span:nth-of-type(2) {
			font-size: 0.9375em;
			font-style: italic;
			font-weight: 600;
			grid-column: 1 / 3;
			grid-row: 2 / 3;
			margin-bottom: var( --content-gap );
			margin-top: calc( var( --content-gap ) * 2 );
			text-align: right;
		}

		.section > .header > span:nth-of-type(2):before {
			content: '... ';
		}

	.section.text > * {
		margin-bottom: var( --content-gap );
	}

		/*.section.text > p > img {
			height: 0.875em;
			margin-bottom: -0.0625em;
			margin-right: 0.125em;
		}*/

@media screen and ( min-width: 1040px ) {

	.section.text {
		column-gap: var( --content-gap );
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}

	.section.text > .header {
		grid-column: 1 / 3;
	}

	.section.text > p:nth-of-type(1)  {
		grid-row: 2 / 3;
	}

	.section.text > p:nth-of-type(2)  {
		grid-row: 2 / 3;
	}

	.section.text > p:nth-of-type(3)  {
		grid-row: 3 / 4;
	}

}


/* END: SECTION ------------------------------------------------------------- */