.main-header .logo {
  font-family: "Quantify", Times, "Capsuula regular", serif;
  font-weight: bold;
  font-size: 24px;
}

/* paragraphe */
.alinea{
text-indent: 20px;
padding-left : 25%; 
padding-right : 25%;}

p{padding-left : 25%;
padding-right : 25%;
font-size : 16px;
text-align:justify; }
    
.list{
padding-left: 27%;
padding-right : 27%;
font-size : 16px;
}

.sousti{
padding-left: 27%;
padding-right : 27%;
text-align:justify;
font-size : 16px;
}

h1{padding-left : 25%;}

h3{padding-left:25%;}

.exemple{border:solid;
margin-left : 25% ; 
}


/* Section */
.s1{
background-color: #E4E2E2;
/* height: 120px; */
border-radius: 5px; 
border: 20px solid#E4E2E2;
}

.s2{
background-color: #E4E2E2;
/* height: 170px; */
border-radius: 5px; 
border: 20px solid#E4E2E2;
}
.s3{
background-color: #E4E2E2;
/* height: 120px; */
border-radius: 5px; 
border: 20px solid#E4E2E2;
}

/* footer */

footer{
padding-left : 5%;
padding-right : 0%;
padding-top : 10px;
padding-bottom : 5px;
margin-right : -15px;


background-color: #DCDCDC;
/* position: fixed; */
/* left: 0;
bottom: 0; */
width: 100%;
/* background-color: green; */
color: white;
text-align: center;
}

footer .row  {
    margin-right: 0px !important;
}
.column {
float: left;
width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
    margin-right: 0px;
    content: "";
display: table;
clear: both;
}

/* CSS pour mobile */

@media (max-width: 800px) {

/* paragraphe */
.alinea{
  text-indent: 20px;
  padding-left :  0px; 
  padding-right :  0px; }
  
  p{padding-left : 0px;
  padding-right :  0px;
  font-size : 16px;
  text-align:justify; }
      
  .list{
  padding-left: 2%;
  padding-right : 2%;
  font-size : 16px;
  }
  
  .sousti{
  padding-left: 2%;
  padding-right : 2%;
  text-align:justify;
  font-size : 16px;
  }
  
  h1{padding-left : 5%;}
  
  h3{padding-left:5%;}

  .column {
    float: left;
    width: 100% !important;
    }
/*     
    #credits{
      width: 50%;
    }
    #license{
      width: 50%;
    }
    
    #logo {
      width: 100%;
    } */

}