#index-top-image {position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  object-fit: cover;
  opacity: 0.8;}

h1{font-size: 3rem;
    margin-top: 150px;}

#partie1{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;}

#partie1 li {margin: 10px 0;}

#partie1 span {font-weight: bold;
    color: blue;}

@media (max-width: 600px) {

    h1 {font-size: 2rem;
        margin: 0 0 30px 0;}

    h2 {margin: 0 0 30px 0;}

    h3 {text-align: center;}
  
    #partie1 {display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;}
    
    #partie1-avantages {padding: 0 15px 0 15px;}

    #partie1-avantages ul {margin: 0;
        padding: 0 0 0 20px;}

    #partie1 li {margin: 0 0 10px 0;
        list-style-type: decimal;}

    li.advantages br {display: none;}        

}