.flex-box-center,.topic .icon-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.topic{height:auto;margin:0;max-width:33%;min-height:250px;padding:10px;-ms-flex-preferred-size:33%;-webkit-animation:fadeIn .5s ease-in-out 1;animation:fadeIn .5s ease-in-out 1;flex-basis:33%;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.topic .icon-box{color:#333}.topic .icon-box .topic-icon{margin:10px;padding:0;text-shadow:2px 5px 15px #000;-webkit-transition:text-shadow;transition:text-shadow}.topic .icon-box .topic-icon .fa-circle{width:1em}.topic .icon-box .fa-inverse{color:#7627d0;text-shadow:none;text-shadow:0 0 1px hsla(0,0%,100%,.75)}.topic .topic-title{margin:10px;text-align:center}.topic .topic-list{color:#333;font-size:125%;text-align:center}.topic:hover{background-color:#333;color:#fff}.topic:hover .topic-list{color:#fff}.topic:hover .topic-icon{color:#2e0260}.topic:hover .topic-icon .fa-inverse{color:#fff;text-shadow:0 0 5px hsla(0,0%,100%,.75)}@media (max-width:1124px){.topic{max-width:33%;-webkit-box-flex:33%;-ms-flex:33%;flex:33%}}@media (max-width:700px){.topic{max-width:50%;-webkit-box-flex:50%;-ms-flex:50%;flex:50%}}@media (max-width:480px){.topic{max-width:100%;-webkit-box-flex:100%;-ms-flex:100%;flex:100%}}