

.service-row-inner {
    display: grid;
    grid-template-areas:
        "number title intro image";
    grid-template-columns: 5% 25% 45% 25%;
    width: 100%;
    line-height: 1;
}

.service-row-number {
    grid-area: number;
    color: #004B31;
}

.service-row-title {
    grid-area: title;
    font-size: calc(36 / 16 * 1rem);;
    font-family: 'big-caslon-fb';
    text-transform: uppercase;
    max-width: 75%;
    line-height: 1;
}

.service-row-intro {
    grid-area: intro;
}

.service-row-intro-text {
    max-width: 80%;
    line-height: 1.6;
}

.service-row-image {
    grid-area: image;
}

div.service-row {
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid #92A8A2;
}

div.service-row:last-child {
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:0;
}

.service-row-image-container {
    width: 100%;
    height: 297px;
}

.service-row-image-container > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

@media screen and (max-width: 1400px) {

    .service-row-intro-text
    {
        max-width: 90%;
    }
    .service-row-inner {
        grid-template-columns: 5% 30% 40% 25%;
    }
    .service-row-title {
        max-width:85%;
    }

}

@media screen and (max-width: 1200px) {
    .service-row-inner {
        grid-template-columns: 3% 40% 33% 25%;
    }
}

@media screen and (max-width: 1000px) {
    .service-row-inner {
        grid-template-columns: 50% 50%;
        grid-template-areas:
            "title image"
            "intro image";
        grid-template-rows: auto 1fr;
    }
    .service-row-number {
        display: none;
    }
    .service-row-title {
        margin-bottom:15px;
    }
}

@media screen and (max-width: 767px) {
    .service-row-inner {
        grid-template-columns: 100%;
        grid-template-areas:
            "title"
            "image"
            "intro";
    }
    .service-row-title {
        margin-bottom: 15px;
        max-width: 100%;
    }
    .service-row-image {
        margin-bottom:15px;
    }

}