.hero__title{font-size:3.2rem;max-width:36rem;margin-left:auto;margin-right:auto}
.page-main-content{padding-top:4.4rem}

@media(min-width:768px){
    .hero__title{font-size:4.8rem;max-width:50rem}
}

@media(min-width:1440px){
    .hero__title{max-width:100%}
}

@media(min-width:1920px){
    .article-list{width:calc((100% - 11 * 2.4rem)/12 * 10 +  9 * 2.4rem);margin:auto}
}