#banner-travel {
	background-color: #645862;

	/* Layered images: corner lights, overlay, banner */
	background-image:
		url("/assets/images/light-bl.svg"),
		url("/assets/images/light-br.svg"),
		url("/assets/images/overlay-2.png"),
		url("/assets/images/wedding-party-banner.jpg");

	/* Positions */
	background-position:
		bottom left,
		/* light-bl.svg */
		bottom right,
		/* light-br.svg */
		top left,
		/* overlay.png */
		center top;
	/* banner.jpg - focus top area (faces) */

	/* No tiling */
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;

	/* Sizes */
	background-size:
		20em, 20em, cover, cover;
	/* corner lights fixed, overlay + banner cover */

	/* Scroll behavior */
	background-attachment: scroll, scroll, scroll, scroll;

	/* Full width and flexible height */
	width: 100%;
	min-height: 75vh;
	/* adjusts height relative to viewport */
	max-height: 95vh;
	/* prevents banner from becoming too tall on large screens */

	/* Center content */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	/* Text styling */
	color: #fff;
	text-align: center;
	padding: 6em 1em;
	/* responsive horizontal padding */
}