.page-cell.img-box-list { display: flex; justify-content: center; width: 100%; padding-top: 15px; padding-bottom: 20px; } .img-box { width: 170px; padding-left: 10px; padding-right: 10px; display: flex; flex-direction: column; } .img-box:first-child { padding-left: 0; } .img-box:last-child { padding-right: 0; } .img-box .animated-image { background-color: rgb(244, 244, 244); } .img-box .animated-image a { margin: 15px auto; position: relative; display: inline-block; background-color: rgb(67, 67, 67); border-radius: 5px; font-family: 'Unica One', sans-serif; font-size: 20pt; font-weight: bold; font-style: normal; color: rgb(244, 244, 244); text-align: center; width: 100%; padding: 10px; box-sizing: border-box; } .img-box-caption { box-sizing: border-box; background-color: rgb(244, 244, 244); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(225, 245, 243) rgb(225, 245, 243); text-align: center; width: 100%; flex-grow: 1; } .img-box-caption h6 { color: rgb(61, 40, 17); font-family: 'Unica One', sans-serif; vertical-align: baseline; font-size: 22pt; line-height: 44px; } .img-box-caption span { color: rgb(150, 156, 167); font-family: "Open Sans", sans-serif; vertical-align: baseline; font-size: 13pt; line-height: 26px; } @media (max-width: 750px) { .page-cell.img-box-list { flex-direction: column; width: 100%; padding: 0; } .img-box { width: 100%; background-color: rgb(244, 244, 244); margin-top: 10px; padding: 0; } .img-box .animated-image { margin: 0 auto; } }