.div-footer {
   margin: 1rem auto;
   margin-bottom: 0;
   background-color: #fff;
   padding: 2.4rem 2.4rem;
   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-cookie-policy {
   background-color: #38d9a9;
   margin-bottom: 2rem;
}

.div-cookie-policy h1 {
   font-size: 2.4rem;
   padding: 2.4rem;
}

.div-cookie-policy p {
   font-size: 2rem;
   padding: 2.4rem;
   padding-top: 0;
}

.div-copyright {
   background-color: #a9e34b;
   margin-bottom: 2rem;
}

.div-copyright h1 {
   font-size: 2.4rem;
   padding: 2.4rem;
}

.div-copyright p {
   font-size: 2rem;
   padding: 2.4rem;
   padding-top: 0;
}

.div-warning {
   background-color: #69db7c;
   margin-bottom: 2rem;
}

.div-warning h1 {
   font-size: 2.4rem;
   padding: 2.4rem;
}

.div-warning p {
   font-size: 2rem;
   padding: 2.4rem;
   padding-top: 0;
}

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