﻿.page-section--style-left .page-section-aside,
.page-section--style-right .page-section-aside {
	display: block;
	background-image: var(--background-image);
	background-size: cover;
	background-position: center center;
	min-height: 300px;
}


/* Mobile specific */
@media only screen and (max-width: 899px) {	
	/* Split */
	.page-section--style-left, .page-section--style-right {
		padding: 50px 25px;
	}

		.page-section--style-left .page-section-content, .page-section--style-right .page-section-content {
			text-align: center;
		}
}


/* Desktop specific */
@media only screen and (min-width: 900px) {


	/* Split */
	.page-section--style-left .page-section-container, .page-section--style-right .page-section-container {
		display: flex;
		flex-direction: row;
		min-height: 500px;
		/*gap: 40px;*/
	}

	.page-section--style-right .page-section-container {
		flex-direction: row-reverse;
	}

	.page-section--style-left .page-section-content, .page-section--style-right .page-section-content {
		flex:1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 50px;
	}

	.page-section--style-left .page-section-aside, .page-section--style-right .page-section-aside {
		width:50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
