.flex-container{padding:.5rem;margin:2rem auto;display:flex;flex-wrap:wrap;justify-content:space-around}.flex-item{background:#fff;color:#fff;font-weight:700;text-align:center;padding:1.5rem;margin:.5rem;flex:1 1 auto;align-items:center;border-radius:1.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}@media screen and (min-width:320px){.flex-item{width:100%}}@media screen and (min-width:640px){.flex-item{width:calc(50% - 1rem)}}@media screen and (min-width:1100px){.flex-item{width:calc(25% - 1rem)}}