h1.hero__title{text-align:left}
.page-content{padding:0 0 4.4rem}
.page-content a{color:var(--primary-color);}
.page-content a:hover{color:#000}
.medici-list{margin-top:2.4rem}

@media (min-width: 1440px) {
    .page-content,
    h2,
    h1.hero__title,.medici-list{width: calc((100% - 11 * 2.4rem) / 12 * 10 + 9 * 2.4rem);margin: auto;}
    h1.hero__title{margin-bottom:2.4rem}
   .medici-list{margin-top:2.4rem}
}

@media (min-width: 1920px) {

    
}