.div-pre-article {
   margin: 1rem auto;
   margin-bottom: 0;
   background-color: #f1f3f5;
   padding: 2.4rem 4.8rem;
   color: #343a40;
}

/*
      SPACING SYSTEM (px)
      2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128
      FONT SIZE SYSTEM (px)
      10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
      */

.div-pre-article h1 {
   font-size: 4.4rem;
   padding-bottom: 2.4rem;
}

.div-pre-article h2 {
   font-size: 3.6rem;
   padding-bottom: 2.4rem;
}

.div-pre-article h3 {
   font-size: 3rem;
   padding-bottom: 2.4rem;
}

.div-pre-article p {
   font-size: 2.4rem;
   padding-bottom: 1.2rem;
   line-height: 1.5;
}


@media (max-width: 30em) {
    .div-pre-article {    
        padding: 2.4rem 2.4rem;
    }  
}