.block-walkthrough .grid{grid-template-columns: 1fr; grid-gap: 4rem;}
.block-walkthrough .grid.stacking .col{display: grid; grid-template-columns: 265px 1fr; grid-gap: 4rem; align-items: center;}

.block-walkthrough .grid.stacking .col .col-image{max-width: 300px; height: auto; order: 1;}
.block-walkthrough .grid.stacking .col .col-content{order: 2; font-size: 2.5rem;}

.block-walkthrough .grid.stacking .col:nth-of-type(even){grid-template-columns: 1fr 265px;}
.block-walkthrough .grid.stacking .col:nth-of-type(even) .col-image{order: 2;}
.block-walkthrough .grid.stacking .col:nth-of-type(even) .col-content{order: 1;}

.block-walkthrough .grid.grid-format {grid-gap: 8rem;}
.block-walkthrough .grid.grid-format .col{max-width: 325px;}
.block-walkthrough .grid.grid-format .col .col-image{max-width: 125px; margin: 0 auto; margin-bottom: 4rem;}

.block-walkthrough .js-start{justify-self: start;}
.block-walkthrough .js-center{justify-self: center;}
.block-walkthrough .js-end{justify-self: end;}

@media (max-width: 900px){

  .block-walkthrough .grid{
    grid-gap: 2.5rem;
  }

  .block-walkthrough .grid.stacking .col{
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    text-align: left;
  }

  .block-walkthrough .grid.stacking .col .col-image{
    max-width: 200px;
    order: 1;
  }

  .block-walkthrough .grid.stacking .col .col-content{
    order: 2;
    font-size: 1.8rem;
  }

  /* remove alternating layout on mobile */
  .block-walkthrough .grid.stacking .col:nth-of-type(even){
    grid-template-columns: 1fr;
  }

  .block-walkthrough .grid.stacking .col:nth-of-type(even) .col-image{
    order: 1;
  }

  .block-walkthrough .grid.stacking .col:nth-of-type(even) .col-content{
    order: 2;
  }

  .block-walkthrough .grid.grid-format{
    grid-gap: 4rem;
  }

  .block-walkthrough .grid.grid-format .col{
    max-width: 100%;
  }

  .block-walkthrough .grid.grid-format .col .col-image{
    max-width: 90px;
    margin-bottom: 2rem;
  }

}