@import url('base.css');
.service-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px
}
.service-card {
    background:#eee;
    padding:38px;
    min-height:300px
}
.service-card:nth-child(3n) {
    background:var(--wine);
    color:#fff
}
.service-card h3 {
    font:500 24px Georgia,serif;
    color:var(--ink);
    margin:18px 0
}
.service-card:nth-child(3n) h3 {
    color:#fff
}
@media(max-width:980px) {
    .service-grid {
        grid-template-columns:1fr 1fr
    }
}
@media(max-width:640px) {
    .service-grid {
        grid-template-columns:1fr
    }
}