.section__contents { padding-bottom: 100px; }

.page-title { position: relative; }
.page-title:after { content: ''; width: 90px; height: 4px; display: block; background-color: #FC318C; margin: 30px auto; }
 
.content-topic-list { padding: 80px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid rgba(151, 151, 151, 0.2); }
.content-topic-list .card-item { text-align: center; margin-bottom: 40px; }
@media (min-width: 992px) { .content-topic-list .card-item { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }
@media (max-width: 991px) and (min-width: 576px) { .content-topic-list .card-item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }

@media (max-width: 575px) and (min-width: 401px) { .content-topic-list .card-item { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } }

@media (max-width: 400px) { .content-topic-list .card-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
.content-topic-list .card-item .image { height: 65px; margin-bottom: 10px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: flex-end; -webkit-align-items: flex-end; }
.content-topic-list .card-item .image img { max-height: 100%; filter: grayscale(100); -webkit-filter: grayscale(100); opacity: 0.4; }
.content-topic-list .card-item .text { font-family: "FuturaPT_Medium", Helvetica, Arial, sans-serif; font-size: 18px; color: #818B98; }
.content-topic-list .card-item .card-link { max-width: 150px; margin: auto; }
.content-topic-list .card-item .card-link:hover .text, .content-topic-list .card-item .card-link.active .text { color: #071731; }
.content-topic-list .card-item .card-link:hover .image img, .content-topic-list .card-item .card-link.active .image img { filter: grayscale(0); -webkit-filter: grayscale(0); opacity: 1; }

/*# sourceMappingURL=topic.css.map */