.average{background:#fff;border-radius:5px;display:flex;flex-direction:column;height:150px;justify-content:center;margin:0 auto 20px;max-width:175px;transition:all .7s}.average,.average.activate{opacity:1;transform:translateY(0)}.average p{align-items:center;background:#fff;border-radius:100%;color:#fff;display:flex;font-size:45px;font-weight:900;height:75px;justify-content:center;line-height:1;margin:0 auto;text-align:center;width:80px}.average.great p{background:#1664d2}.average.good p{background:#5cb5e8}.average.middle p{background:#ffc400}.average.poor p{background:#ff8f27}.average.bad p{background:#e05600}.average .heading{align-items:center;display:flex;font-size:17px;font-weight:900;height:37px;justify-content:center;line-height:1.1;margin-bottom:5px;text-align:center;text-transform:uppercase}.average span{display:block;margin-top:3px;opacity:0;transition:all .4s}.average span.active{opacity:1}@media(min-width:768px) and (max-width:1200px){.row-fluid .span3:has(.average){margin-left:3px!important;width:100%}}