/* Content w/ Lifestyles customizable root variables */
	:root {
		/* cwl = Content w/ Lifestyles */
		/* Accent Class */
		--hsd-mod-cwl-75-25-accent-background-color: #000;
		--hsd-mod-cwl-75-25-accent-text-color: #fff;
		--hsd-mod-cwl-75-25-accent-link-color: #fff;
	}

	/* Module Parent */
	.hsd-mod-content-w-lifestyle-75-25 {
		display: grid;
		grid-template-columns: 75% 25%;
		align-items: center;
		justify-items: center;
		max-width: 1440px;
		width: 100%;
		margin: 1rem auto;
	}

	/* Reverse Class */
	/* (swaps image and content position when added) */
	.hsd-mod-cwl-75-25-reverse {
		grid-template-columns: 25% 75%;
	}

	.hsd-mod-cwl-75-25-reverse .hsd-mod-cwl-75-25-content {
		order: 1;
	}

	/* Image Cont */
	.hsd-mod-cwl-75-25-img {
		width: 100%;
		height: 100%;
	}

	.hsd-mod-cwl-75-25-img img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	/* Content Cont */
	.hsd-mod-cwl-75-25-content {
		margin: 1rem;
		padding: 4rem;
		box-sizing: border-box;
	}

	/* Accent styling */
	.hsd-mod-cwl-75-25-accent {
		color: var(--hsd-mod-cwl-75-25-accent-text-color);
		background-color: var(--hsd-mod-cwl-75-25-accent-background-color);
	}

	.hsd-mod-cwl-75-25-accent a {
		color: var(--hsd-mod-cwl-75-25-accent-link-color);
	}

	/* Media Query for mobile */
	@media screen and (max-width: 767px) {

		/* Module Parent */
		.hsd-mod-content-w-lifestyle-75-25 {
			grid-template-columns: 1fr;
		}

		/* Content Cont */
		.hsd-mod-cwl-75-25-content {
			margin: 1rem;
			padding: 1rem;
		}

		/* Have the content above the image */
		.hsd-mod-content-w-lifestyle-75-25 .hsd-mod-cwl-75-25-content {
			order: 2;
		}
	}

	/* Change variables to customize */
	:root {
		--hsd-accent-text-color: #FFF;
		--hsd-accent-background-color: #000;
		--hsd-content-padding: 4rem;
		--hsd-content-margin: 1rem;
	}

	.hsd-section {
		display: grid;
		grid-template-columns: 50% 50%;
		align-items: center;
		justify-items: center;
		margin: 0;
	}

	.hsd-section-image {
		width: 100%;
		height: 100%;
		grid-row-start: 2;
	}

	.hsd-section-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.hsd-section-paragraph {
		margin: var(--hsd-content-margin);
		padding: var(--hsd-content-padding);
		grid-row-start: 2;
	}

	.hsd-left {
		grid-column-start: 1;
	}

	.hsd-right {
		grid-column-start: 2;
	}

	.hsd-accent {
		color: var(--hsd-accent-text-color);
		background-color: var(--hsd-accent-background-color);
	}

	@media screen and (max-width: 720px) {
		.hsd-section {
			display: block;
			z-index: 9999;
			height: auto;
		}

		.hsd-section-paragraph {
			margin: 1rem;
			padding: 1rem;
		}
	}

	.hsd-overview {
		background: #F6F6F6;
		width: 100%;
		margin: 1rem auto;
		padding: 1.5rem;
		text-align: center;
	}

	.hsd-overview ul {
		text-align: left;
		max-width: 850px;
		margin: 0 auto;
	}