/* Optical alignment for the four homepage feature pictograms. */
.feature-row--classic .feature{
  display:grid !important;
  grid-template-rows:92px minmax(48px, auto);
  align-content:center !important;
  align-items:center !important;
  justify-items:center !important;
  row-gap:22px !important;
  line-height:1.28 !important;
}

.feature-row--classic .feature .icon{
  display:grid !important;
  place-items:center !important;
  align-self:center !important;
  width:136px !important;
  height:92px !important;
  margin:0 !important;
  line-height:0 !important;
}

.feature-row--classic .feature .icon img{
  display:block !important;
  margin:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}

.feature-row--classic .feature .icon img[src*="feature-icon-spaced-umbrellas"]{
  width:132px !important;
  height:82px !important;
}

.feature-row--classic .feature .icon img[src*="feature-icon-privacy"],
.feature-row--classic .feature .icon img[src*="feature-icon-safety"]{
  width:88px !important;
  height:88px !important;
}

.feature-row--classic .feature .icon img[src*="feature-icon-comfort"]{
  width:124px !important;
  height:74px !important;
}

@media(max-width:700px){
  .feature-row--classic .feature{
    grid-template-rows:76px minmax(44px, auto);
    row-gap:16px !important;
  }

  .feature-row--classic .feature .icon{
    width:110px !important;
    height:76px !important;
  }

  .feature-row--classic .feature .icon img[src*="feature-icon-spaced-umbrellas"]{
    width:106px !important;
    height:66px !important;
  }

  .feature-row--classic .feature .icon img[src*="feature-icon-privacy"],
  .feature-row--classic .feature .icon img[src*="feature-icon-safety"]{
    width:72px !important;
    height:72px !important;
  }

  .feature-row--classic .feature .icon img[src*="feature-icon-comfort"]{
    width:98px !important;
    height:60px !important;
  }
}

@media(max-width:430px){
  .feature-row--classic .feature{
    grid-template-rows:70px minmax(42px, auto);
    row-gap:14px !important;
  }

  .feature-row--classic .feature .icon{
    width:104px !important;
    height:70px !important;
  }

  .feature-row--classic .feature .icon img[src*="feature-icon-spaced-umbrellas"]{
    width:100px !important;
    height:62px !important;
  }

  .feature-row--classic .feature .icon img[src*="feature-icon-privacy"],
  .feature-row--classic .feature .icon img[src*="feature-icon-safety"]{
    width:66px !important;
    height:66px !important;
  }

  .feature-row--classic .feature .icon img[src*="feature-icon-comfort"]{
    width:92px !important;
    height:56px !important;
  }
}