.site_width {
    max-width: none;
}

p {
    margin: 0;
}

.home-intro {
    padding: 30px;
}

.svc-catalog-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1400px;
    margin: 0 auto;
}

.svc-catalog {
    text-align: center;
    position: relative;
    height: 450px;
    margin: 1% 1% 150px;
    padding: 25px;
    background: #ccc;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.svc-catalog-2 {
    width: 48%;
}
.svc-catalog-3 {
    width: 31.3333333333%;
}

.svc-catalog-roofing {
    background-image: url(/imageserver/_new_imageserver/Stock%20Photos/bigstock-Asphalt-Roofing-Shingles.jpg);
}
.svc-catalog-siding {
    background-image: url(/imageserver/_new_imageserver/Stock%20Photos/bigstock-siding.jpg);
}
.svc-catalog-soffit-fascia {
    background-image: url(/imageserver/_new_imageserver/Stock%20Photos/bigstock-White-Spacious-Room-With-Large-438585281.jpg);
}
.svc-catalog-gutters {
    background-image: url(/imageserver/_new_imageserver/Stock%20Photos/bigstock-Corner-Of-The-House-With-New-G-446576093.jpg);
}

.svc-catalog-title {
    margin: 0;
    padding: 15px;
    max-width: 100%;
}

.svc-catalog-content {
    position: absolute;
    bottom: -115px;
    left: 5%;
    width: 90%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .9);
    border: 3px solid #ddd;
    padding: 10px 30px;
}
.svc-catalog-title .h2-heading {
    font-size: 2.5em;
    margin: 0;
    color: #333;
}

@media (max-width: 1000px) {
    .svc-catalog-3 {
        width: 48%;
    }
}

@media (max-width: 800px) {
    .svc-catalog-2,
    .svc-catalog-3 {
        width: 100%;
        height: 400px;
    }
}

@media (max-width: 550px) {
    .svc-catalog-title {
        max-width: 100%;
    }
}