.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;

}
    

.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: #f4f4f4;
}

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

.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;
}

.solar-list li {
padding-block: 8px;
}

.solar-list li span {
font-weight: 600;
}

.solar-list la a {
color: #08559c;
}

.estimate-box {
max-width: 1100px;
width: 100%;
border-radius: 10px;
background-color: #f5f5f5;
margin: 20px auto;
padding: 20px;
}

.siding-section-bottom {
background: #08559c;
color: #ffffff;
padding: 15px;
border-radius: 12px;
margin: 25px auto;
}
.siding-section-bottom h2,
.siding-section-bottom h3 {
text-align: center;
}

.h2-underline {

width: 280px;
height: 2px;
margin: 5px auto 20px;
}

.h3-underline {

width: 130px;
height: 2px;
margin: 3px auto 20px;
}

.service-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 12px;
margin-inline: auto;
list-style: none;
text-align: center;
}

.service-list li {
max-width:fit-content;
width: 100%;
margin-inline: auto;
position: relative;
font-weight: 500;
}

.service-list li::before {
content: "";
position: absolute;
left: -20px;
bottom: 12px;
width: 5px;
height: 5px;
background: #9e999d;
border-radius: 50%;
display: block;
}

.logo,
.mobile_logo,
.infobar_email_address,
.infobar_phone_number {
visibility: hidden;
}


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


@media (max-width: 580px) {
.service-list {
grid-template-columns: 1fr 1fr;
}


}


@media (max-width: 380px) {
.service-list {
grid-template-columns: 1fr;
}
}