/* *****
This is a CSS partial, minified file. It is referenced by the theme by default in theme.liquid.
If you would like to edit this code we recommend swapping to the un-minified version.
For full details and instructions please see our documentation:
https://support.eightthemes.com/hc/en-us/articles/360020366578-Un-minified-CSS-Javascript
***** */
.stl__image-container {
    flex: 0 0 50%;
}
.stl__main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start
}
.stl__outer-products-container .stl__products {
    flex: 0 0 45%;
    position: relative;
}

.stl__outer-products-container {
    flex: 0 0 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.stl__products-container {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 100%;
}
.stl__image {
    margin-bottom: 20px;
    position: relative;
}
.stl__main.stl__img-right {
    flex-direction: row-reverse
}
.section-header--contents {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
a.button.white.shop_the  {
    margin-bottom: 20px
    }
a.button.white.shop_the:before{
  z-index: -1;
  
}




@media screen and (max-width:767px) {
    .stl__outer-products-container {
        justify-content: center;
        flex: 0 0 100%
    }
  .stl__image-container {
    flex: 0 0 100%;
}
  
}