article { margin: 40px 0 60px 0; position: relative; }
article .head { display: flex; border-top: 1px solid #111; border-bottom: 1px solid #E1E1E4; }

article .head h6 { font-weight: 700; font-size: 20px; }
article .number,
article .date { width: calc((100% - 71.25%) / 2); }
article .title { width: 71.25%; }
article .head h6,
article .row ul li a { padding: 28px 0; }



article .row ul li { display: flex; align-items: center; font-size: 20px; }
article .row ul li a { display: flex; align-items: center; }
article .row ul li + li { border-top: 1px solid #E1E1E4; }
article .row ul li:last-of-type { border-bottom: 1px solid #E1E1E4; }
article .row ul li:hover { background: #F8F8FA; }
article .row ul li:hover .title { font-weight: 700; }
article .row ul li .date { color: #767676; font-size: 18px; }
article .row ul li .number { font-weight: 700; }
article .row ul li .title { text-align: start; }


@media (max-width:1440px) {
    article { margin: 2.5rem 0 3.75rem 0;}
    article .head h6 {  font-size: 1.25rem; }
    article .row ul li a { padding: 1.75rem 0; }
    
    article .row ul li { font-size: 1.25rem; }
    article .row ul li .date { font-size: 1.125rem; }




}

@media (max-width: 1024px){
    article { margin: 1.5rem 0; }
    article .head { display: none; }
    article .row ul li { flex-direction: column; text-align: start; padding: 1rem 0; font-size: 1.125rem; }
    article .row ul li:first-of-type { border-top: 1px solid #111; }
    article .row ul li div { width: 100%; }
    article .row ul li a { padding: 0; }
    article .row ul li .date { margin-top: 0.6875rem; font-size: 1.125rem; }
    article .row ul li .number { display: none; }
}