<div class="row show-for-large offset-4y lp-1">
      <div class="large-12 column">
        <%= image_tag("landing_page_1", alt: "landing page 1") %>

      </div>

    </div>

    <div class="row show-for-large lp-2">
      <div class="large-1 column"></div>
      <div class="large-4 column offset-12y">
        <%= image_tag("landing_page_2", alt: "landing page 1") %>
        <p class="article-header">
          Denim & Embroidery
        </p>
        <p class="article-text">
          shop now
        </p>
        <hr class="article"/>
      </div>
      <div class="large-6 column offset4y">
        <%= image_tag("landing_page_3", alt: "landing page 1") %>
        <p class="article-header">
          Men Shirt Print
        </p>
        <p class="article-text">
          shop now
        </p>
        <hr class="article"/>
      </div>
      <div class="large-1 column"></div>
    </div>

.lp-2 {
  margin-top: -8rem;
  img { margin-top: 3.9rem; }
}
.offset4y {margin-top: 4rem;}
.offset-12y { margin-top: -10rem; }