/* Batch 3 additions to the Modern Trade design (shared/batch2.css). */
.steps.steps-4{grid-template-columns:repeat(2,1fr)}
.feature-figure{margin:28px 0}
.feature-figure img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:3px}
@media(max-width:700px){.steps.steps-4{grid-template-columns:1fr}.feature-figure img{max-height:300px}}
/* Mobile: batch2.css floats the step number, which indents some step headings; stack it instead. */
@media(max-width:700px){.steps .step-number{float:none;display:block;margin:0 0 10px;line-height:1.4}}