.infographic-boxes{padding:2rem}.infographic-boxes__grid{display:flex;flex-wrap:wrap}.infographic-boxes__grid--one-col>*{width:100%}@media (min-width:768px){.infographic-boxes__grid--five-col>*,.infographic-boxes__grid--four-col>*,.infographic-boxes__grid--three-col>*,.infographic-boxes__grid--two-col>*{width:50%}}@media (min-width:992px){.infographic-boxes__grid--three-col>*{width:33.33%}.infographic-boxes__grid--four-col>*{width:25%}.infographic-boxes__grid--five-col>*{width:20%}}.infographic-boxes__grid--gap-small{margin-left:-5px;margin-right:-5px;width:calc(100% + 10px)}.infographic-boxes__grid--gap-medium{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px)}.infographic-boxes__grid--gap-small .infographic-boxes__column{padding:5px}.infographic-boxes__grid--gap-medium .infographic-boxes__column{padding:10px}.infographic-boxes__grid--image-layout-tall .infographic-boxes__column .infographic-boxes__column-card{padding:0}.infographic-boxes__grid--image-layout-tall .infographic-boxes__column .infographic-boxes__column-card .infographic-boxes__column-card-underlay{position:relative}.infographic-boxes__grid--image-layout-tall .infographic-boxes__column .infographic-boxes__column-card .infographic-boxes__column-card-underlay>img{object-fit:contain}.infographic-boxes__grid--image-layout-tall .infographic-boxes__column .infographic-boxes__column-card .infographic-boxes__column-card-content{padding:10px;position:absolute;top:50%;transform:translateY(-50%)}.infographic-boxes__column{box-sizing:border-box}.infographic-boxes__column-card{display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:20px;position:relative;text-align:center}.infographic-boxes__column-card-icon{height:auto;opacity:0;position:absolute;right:10px;top:10px;width:16.5%}@media (min-width:992px){.infographic-boxes__column-card:hover .infographic-boxes__column-card-content,.infographic-boxes__column-card:hover .infographic-boxes__column-card-icon,.infographic-boxes__column-card:hover .infographic-boxes__column-card-overlay{opacity:1}.infographic-boxes__column-card:hover .infographic-boxes__column-card-title{opacity:0}}.infographic-boxes__column-card.active .infographic-boxes__column-card-content,.infographic-boxes__column-card.active .infographic-boxes__column-card-icon,.infographic-boxes__column-card.active .infographic-boxes__column-card-overlay{opacity:1}.infographic-boxes__column-card.active .infographic-boxes__column-card-title{opacity:0}.infographic-boxes__column-card *{color:#fff}.infographic-boxes__column-card-underlay,.infographic-boxes__column-card-underlay:after{height:100%;left:0;position:absolute;top:0;width:100%}.infographic-boxes__column-card-underlay:after{background-color:rgba(0,0,0,.3);content:""}.infographic-boxes__column-card-underlay>img{height:100%;object-fit:cover;object-position:center center;width:100%}.infographic-boxes__column-card-overlay{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.infographic-boxes__column-card-title{font-size:18px;font-weight:700;left:50%;padding:10px;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%) translateX(-50%);width:90%}.infographic-boxes__column-card-title--small{font-size:16px}.infographic-boxes__column-card-title--top{top:35px;transform:translateY(0) translateX(-50%)}.infographic-boxes__column-card-title--bottom{bottom:35px;top:auto;transform:translateY(0) translateX(-50%)}.infographic-boxes__column-card-title--left{text-align:left}.infographic-boxes__column-card-title--right{text-align:right}.infographic-boxes__column-card-content{opacity:0;position:relative}.infographic-boxes__column-card-content p{line-height:1.2}