.content-wrapper {
	max-width: 1800px;
width: 98.5%;
margin-inline: auto;
padding: 20px 5px;
}

.main-row {
display: flex;
flex-flow: row wrap;
gap: 25px;
}

.main-left, .main-right {
flex: 1 450px;
}

.roofing-section {
padding: 45px 15px;
}

.service-image {
text-align: center;
}

.service-image img {
max-width: 600px;
width: 100%;
}

.service-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	top: 0px;
	margin: 35px auto;
}

.service-list li {
margin-block: 6px;
}

.products-section {
background: #fafafa;
padding: 45px 15px;
}