/* --------------------------------------- */
/* ---------- MOBILE XS - 300px ---------- */
@media (min-width:1px) {

    /* general */
    body {
      padding-top: 4rem;
      background: #fdfdfd!important;
    }

    .section-mentions {
      background: #fdfdfd;
      padding-top: 5rem;
      padding-bottom: 5rem;
    }

    .contenu-mentions {
      background: #ffffff;
      width: 100%;
      margin: auto;
      border:2px solid #f07e13;
      border-radius: 10px;
      padding: 2rem 0.75rem;
      box-shadow: 0px 0px 12px #f07e1373;
    }

    h1 {
      text-align: center;
      margin: 0.5rem auto 1.5rem auto;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 42px;
    }

    h2 {
      margin-top: 2rem;
    }

    p {
      font-size: 15px;
      line-height: 1.5rem;
    }


}




/* ----------------------------------------------- */
/* ---------- PETIT TABLETTE SM - 576px ---------- */
@media (min-width:576px) {

  .contenu-mentions {
    padding: 2rem 1.5rem;
  }
    
}

/* ----------------------------------------------- */
/* ---------- TABLETTE MD - 768px ---------- */
@media (min-width:768px) {

  .contenu-mentions {
    width: 90%;
    padding: 3rem;
  }

  h1 {
    margin: 0.5rem auto 2rem auto;
  }

  h2 {
    font-size: 32px;
  }

  p {
    font-size: 16px;
  }
    
}

/* ----------------------------------------------- */
/* ---------- PETIT ECRAN LG - 992px ---------- */
@media (min-width:992px) {

    
    
}



/* --------------------------------------------- */
/* ---------- ECRAN MOYEN XL - 1200px ---------- */
@media (min-width:1200px) {

  .contenu-mentions {
    width: 70%;
  }


}



/* ---------------------------------------------- */
/* ---------- ECRAN LARGE XXL - 1400px ---------- */
@media (min-width:1400px) {

  h1 {
    margin: 0.5rem auto 3rem auto;
  }

    h2 {
      font-size: 30px;
    }

}