.card{background:#fafbfb;display:flex;margin:1em;max-width:250px;text-align:center}.card-link:hover{opacity:.6;transition:opacity .1s linear 0s}.cardPath{border-top:5px solid #aaa}.cardCourse{padding-top:1em}.cardCourse-icon{width:50%}.coursePublicationDate{border-top:2px solid #e9e9e9;color:gray;font-weight:700;margin-top:1em;padding-bottom:.7em;padding-top:.5em;text-align:center}.card-link{align-items:center;color:inherit;display:flex;flex-direction:column;justify-content:space-between;min-height:66px;text-decoration:none;width:100%}.card-title{font-size:1em;padding:.5em;width:100%}.cardPath .card-icon{width:40%}.cardCourse .card-icon{padding:15px 0 10px;width:76px}@media (min-width:320px){.card{margin:0 1em 1em 0;width:48.5%;width:calc(50% - .5em)}.card:nth-child(2n){margin-right:0}}@media (min-width:550px){.card:nth-child(n){margin:0 1em 1em 0;width:32%;width:calc(33.33333% - .66667em)}.card:nth-child(3n){margin-right:0}.cardCourse .card-icon{padding:10px 0 5px}}@media (min-width:800px){.card:nth-child(n){margin:0 1em 1em 0;width:24%;width:calc(25% - .75em)}.card:nth-child(4n){margin-right:0}}@media (min-width:1000px){.card:nth-child(n){margin:0 1em 1em 0;width:19%;width:calc(20% - .8em)}.card:nth-child(5n){margin-right:0}}@media (max-width:960px){.uiCardListSubcategory{justify-content:center}}