.image-box{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill, 100%);margin:0 -1em}.image-box__item{position:relative;display:flex;align-items:center;justify-content:center;margin:1rem;padding:2em}.image-box__item:before,.image-box__item:after{position:absolute;top:0;content:"";width:3rem;height:100%;border-top:1px solid #585858;border-bottom:1px solid #585858}.image-box__item:before{left:0;border-left:1px solid #585858}.image-box__item:after{right:0;border-right:1px solid #585858}.image-box-cols-1{grid-template-columns:repeat(auto-fill, 100%)}.image-box-cols-2{grid-template-columns:repeat(auto-fill, 50%)}.image-box-cols-3{grid-template-columns:repeat(auto-fill, 33.3333333333%)}.image-box-cols-4{grid-template-columns:repeat(auto-fill, 25%)}.image-box-cols-5{grid-template-columns:repeat(auto-fill, 20%)}.image-box-cols-6{grid-template-columns:repeat(auto-fill, 16.6666666667%)}@media screen and (min-width: 30em){.image-box-cols--small-1{grid-template-columns:repeat(auto-fill, 100%)}.image-box-cols--small-2{grid-template-columns:repeat(auto-fill, 50%)}.image-box-cols--small-3{grid-template-columns:repeat(auto-fill, 33.3333333333%)}.image-box-cols--small-4{grid-template-columns:repeat(auto-fill, 25%)}.image-box-cols--small-5{grid-template-columns:repeat(auto-fill, 20%)}.image-box-cols--small-6{grid-template-columns:repeat(auto-fill, 16.6666666667%)}}@media print,screen and (min-width: 48em){.image-box-cols--medium-1{grid-template-columns:repeat(auto-fill, 100%)}.image-box-cols--medium-2{grid-template-columns:repeat(auto-fill, 50%)}.image-box-cols--medium-3{grid-template-columns:repeat(auto-fill, 33.3333333333%)}.image-box-cols--medium-4{grid-template-columns:repeat(auto-fill, 25%)}.image-box-cols--medium-5{grid-template-columns:repeat(auto-fill, 20%)}.image-box-cols--medium-6{grid-template-columns:repeat(auto-fill, 16.6666666667%)}}@media print,screen and (min-width: 64em){.image-box-cols--large-1{grid-template-columns:repeat(auto-fill, 100%)}.image-box-cols--large-2{grid-template-columns:repeat(auto-fill, 50%)}.image-box-cols--large-3{grid-template-columns:repeat(auto-fill, 33.3333333333%)}.image-box-cols--large-4{grid-template-columns:repeat(auto-fill, 25%)}.image-box-cols--large-5{grid-template-columns:repeat(auto-fill, 20%)}.image-box-cols--large-6{grid-template-columns:repeat(auto-fill, 16.6666666667%)}}