body {
            background-color:  #FEEEDF ;
            padding: 0;
    }
    h1 {
        font-family: 'Merriweather', serif;
        font-size: 65px;
        color:rgb(0, 0, 0);
        text-align: left;
        margin-bottom: 2%;
        border: 5px solid #401309; 
        border-top: none;
        border-left: none;
        border-right: none;
    
    }
    h3{
        font-family: 'Merriweather', serif;
        font-size: 40px;
        color: black;
        text-align: justify;
        margin-top: 25%;
        border: 3px solid #401309; 
        border-top: none;
        border-left: none;
        border-right: none;
        font-weight: 500; 
    }

    h5 {
        font-size: 25px;
        color: white;
        font-family: 'Merriweather', serif;
    }    
  
    .violon {
        margin-top: 25%;
    }
    
    p { 
        font-family: 'Merriweather', serif;
        font-size: 25px;
        color: white ;
        text-align: justify;
    }
    .texteluthiers {
        font-family: 'Merriweather', serif;
        font-size: 25px;
        text-align: left justify;
        color: black;
       
    }
    .amorce {
        margin-top: 4%;
        margin-bottom: 5%;
        font-weight: 400;
        font-size: 1.8em;


    }
    .banner, .banner .row, .banner .col {
        margin: 0;
        padding: 0;
    
    }
    .bloc-color { 
        background-color: #401309 ;
        color: white;
        text-align: center;
        padding: 20px;
        
    }
    .mouvement:hover {
        border-bottom: 4px #401309 solid  ;
    }
    
    .card {
          background-color: #401309;
        }
    .blocssepareteurs {
        font-size: 4em;
        text-align: center;
    
    }

    #footerinfo {
        font-size: small;
        color:#C8B5B1  ;
        background-color: #401309;
        font-weight: 200;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 4%;
    }

    
    @media (max-width: 767px) {
        .amorce {
          font-size: 17px;

        }
        .blocssepareteurs {
            font-size: 26px;
        } 
        .texteluthiers,
        p {
            font-size: 17px;
            margin-top: 2%;
        }
        .responsive-image {
            max-width: 90%;
            height: auto;
            margin-bottom: none;
            margin-top: 5%;

        }
        h3 {
            font-size: 25px;
            margin-top: 3%;
        }
      }
  
    @media (min-width: 768px) {
        .mouvement:hover,
        .mouvementlettres:hover {
           font-size: 50px;
        }
    }