.contentGrid {
    display: grid;
    grid-gap: 1em;
    margin-bottom: 8em;
    padding: 2em 1em;
}

h3.fffText {
    font-size: 22px;
}
.copySection >  p , .copySection >  p > strong, .moreInfo >  p , .moreInfo >  p > strong, .copyAndImg > p {
    text-align: start;
    color: #666666;
    font: 400 13px/20px "Open Sans", Helvetica, sans-serif
}
.copySection >  p > strong, .moreInfo >  p > strong   {
    font-weight: 700;
}
p > a {
    text-decoration: underline;
    color: #666666;
    font-size: 13px;
}


@media only screen and (min-width: 768px) {
    .contentGrid {

        display: flex;
        margin: 2em;
    }
    .copyAndImg {
        display: flex;
    }
    .featured {
        grid-area: eye;
        margin-right: 1em;
    }
}

@media only screen and (min-width: 1050px){
    .contentGrid {
        display: grid;
        grid-template-columns: 20% 15% 35% 35%;
        grid-template-rows: 1fr;
        grid-template-areas: '. . . .'
                '. eye services .'
                '. . . .';
        grid-gap: 2em;
    }
    .featured {
        grid-area: eye;
    }
    .moreInfo {
        grid-area: services;
    }
    .copyAndImg > img {
        height: 125px;
    }
    
}