.site_button.square {
display: block;
max-width: fit-content;
margin-inline: auto;
}

.gaf-content {
	position: relative;
	background:  var(--accent-color);
}

.gaf-right {
text-align: center;
}

.gaf-right img {
	width: 100%;
	height: auto;
	max-width: 400px;
}

.gaf-content .site_button.square {
	margin-inline: 0;
}

.type-of-roofs-section {
padding-block: 45px; 
}

.types-of-roofs-heading {
text-align: center;
}

.type-of-roofs-section .global-row {
padding: 40px 7%;
}

.roof-type-image {
	width: 100%;
	text-align: center;
	margin: auto;
}

.roof-type-image img {
	max-width: 580px;
	width: 100%;
	margin: auto;
}

.why-list-title {
	font-weight: 400;
}

.roofing-services {
background: #fafafa;
padding: 20px 15px;
}

@media (max-width: 981px) {
.gaf-content .global-row {
	flex-wrap: wrap-reverse;
}
}