.mention{
    display: flex;
    justify-content: center;
    background-color: white;
    flex-direction: column;
    margin-right: 300px;
    margin-left: 300px;
    border: #1f1f1e;
    padding: 100px;
    border-radius: 20px;
    margin-bottom: 50px;
}

h2{
    color: #1f1f1e;
    margin: 20px;
}

@media screen and (min-width: 320px) and (max-width: 430px){

    nav{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: none;
        margin: 0px;
        height: 220px;
        font-size: 0.75em;
        line-height: 1.25;
    
      }
    
      .lien-page{
        display: flex;
        flex-direction: column;
    
      }
    
      h1{
        font-size: 3em;
        margin: 0px;
        font-weight: 600;
        text-align: center;
      }
  
      nav a{
          margin-left: 0px
      }
      
      nav img{
          width: 20%;
      }

    main h2{
        font-size: 1.5em;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .mention{
        display: flex;
        justify-content: center;
        background-color: white;
        flex-direction: column;
        margin-right: 20px;
        margin-left: 20px;
        border: #1f1f1e;
        padding: 20px;
        border-radius: 20px;
        margin-bottom: 20px;
    }

}

@media screen and (min-width: 430px) and (max-width: 480px){

    nav{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: none;
        margin: 0px;
        height: 220px;
        font-size: 0.75em;
        line-height: 1.25;
    
      }
    
      .lien-page{
        display: flex;
        flex-direction: column;
    
      }
    
      h1{
        font-size: 3em;
        margin: 0px;
        font-weight: 600;
        text-align: center;
      }
  
      nav a{
          margin-left: 0px
      }
      
      nav img{
          width: 20%;
      }

    main h2{
        font-size: 1.5em;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .mention{
        display: flex;
        justify-content: center;
        background-color: white;
        flex-direction: column;
        margin-right: 20px;
        margin-left: 20px;
        border: #1f1f1e;
        padding: 20px;
        border-radius: 20px;
        margin-bottom: 20px;
    }

}