.maincontent {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
}

.roofing-image {
max-width: 350px;
width: 100%;
text-align: center;
margin: 30px auto 10px;
}

.interior-services-content {
      background-image: linear-gradient(120deg, #ffffffef 30%, #ffffffef 100%), url(/imageserver/UserMedia/MTRenovations/deer-logo001.png);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
width: 100%;
margin-top: -40px;
}

.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.flex-col-2 {
    width: 100%;
    flex-basis: 580px;
    flex-grow: 1;
}

            .certainteed-colorviewer {
            padding: 30px 12px;
            background-image: linear-gradient(180deg,rgba(255, 255, 255, 0.99) 0%,rgba(255, 255, 255, 0.44) 100%), url(/imageserver/UserMedia/jvroofing/review-bg001.jpg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .colorviewer-row {
            flex-direction: row-reverse;
        }

        .colorviewer-image{
            text-align: center;
            margin-inline: auto;
        }

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

        .colorviewer-text {
            padding: 10px 20px;
        }