.maincontent {
    max-width:100%;
    width:100%;
    padding:0;
    border:0;
    margin-top: 0px!important;
    }

.siding-overview-wrapper {
margin: 0px auto;
max-width: 96%;
width: 100%;
padding-block: 35px;

}
    
    .roof-svc-img {
    height:300px;
    }

.siding-overview-row {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-content: center;
align-items: center;
gap: 20px;
margin-inline: auto;
}

.siding-overview-intro h1 {
font-size: 46px;
margin: 18px auto;
}

.siding-overview-col h2 {
font-size: 36px;
}
.siding-overview-section.section-1{
background-color: #ececec;
}

.siding-overview-col {
flex-basis: 470px;
flex-grow: 1;
margin-inline: auto;
}
.siding-overview-image {
text-align: center;
flex-basis: 560px;
}

.siding-overview-image img {
max-width: 700px;
width: 100%;
margin-inline: auto;
}

.siding-overview-col.roofing-svc-text {
flex-grow: 3;
margin-inline: auto;
}

.siding-overview-col.color-viewer-text {
flex-basis: 420px;
flex-grow: 2;
}

.siding-overview-col.color-viewer-image {
flex-basis: 520px;
margin-inline: auto;
}

.sb_container {
text-align: center;
}

.siding-section-text .site_button.square,
.color-viewer-text .site_button.square {
background: #09549f;
}

@media (max-width: 998px) {
.siding-overview-intro h1 {
max-width: 18ch;
}
}