@charset "utf-8";

#customer-section {
	position: relative;
	padding: 60px 0;
	background-color: #f4f4f4;
}

	.customer-left-title {text-align: left}
	.customer-right-title {text-align: right}

	.customer-columns {
		display: flex;
		margin: 20px 0;
		gap: 30px;
		align-items: center;
	}
	
	.customer-columns .image {
		flex: 3;
		height: 400px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.customer-columns .image.residental {
		background-image: url('../images/solar-panels-residential.jpg');
	}

	.customer-columns .image.utility {
		background-image: url('../images/banner.jpg');
	}
	
	.customer-columns .content {
		flex: 2;
		text-align: left;
		padding: 60px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: auto;
		background-image: url('../images/bg_pattern.png');
	}
	
@media screen and (max-width: 1024px) {
	.customer-columns {
		flex-direction: column;
	}
	
	.customer-columns .content {
		padding: 10px;
	}
}