ul.card-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}ul.card-list li{margin:0 10px 30px;padding:24px;width:calc(33% - 20px)}ul.card-list li:hover{background:#ff0201}ul.card-list .count{color:#ff0201;font-size:45px;font-weight:700;line-height:normal;margin-bottom:25px}ul.card-list .title{color:#1b1b1b;font-size:24px;font-weight:700;line-height:normal}ul.card-list .cnt{color:#7f8c8d;font-size:18px;font-weight:400;line-height:28px;margin-top:8px}ul.card-list li:hover .cnt,ul.card-list li:hover .count,ul.card-list li:hover .title{color:#fff}@media only screen and (max-width:800px){ul.card-list{flex-wrap:wrap}ul.card-list li{margin-bottom:10px;width:46%}ul.card-list .cnt{font-size:16px;line-height:26px}ul.card-list .title{font-size:20px}ul.card-list .count{font-size:30px;margin-bottom:10px}}@media only screen and (max-width:767px){ul.card-list li{margin:0 0 25px;padding:0;width:100%}ul.card-list li:hover .cnt{color:#7f8c8d}ul.card-list li:hover .title{color:#1b1b1b}ul.card-list li:hover{background:transparent}ul.card-list li:hover .count{color:#ff0201}}