/* Titres centraux */
.main{
    font-family: Verdana, Sans-Serif;
}

.main_title{
    
    font-size: 50px;
    text-align: center;
   text-shadow: 5px 5px 10px white;
}
.second_title{
    
    font-size: 30px;
    text-align: center;
    text-shadow: 5px 5px 10px white;
    margin-bottom: 2em;
}
.third_title{
    
    font-size: 13px;
    text-align:justify; 
    margin-right:auto; 
    margin-left:5vw; 
    max-width:400px;
    
}
.photo-haut {
        display: grid; 
        grid-template-columns: 1fr 1fr 1fr; 
        row-gap:5vw; 
        column-gap: 5vw; 
        margin-left:5vw;
}
img {
    max-width:20vw;
    
}
p{
    margin-top: 0px; font-size:80%;
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 80%;
  }
  
  }
  
@media (max-width: 500px){
    img {
   max-width: 80vw;   
  }
  .photo-haut {
      display: grid; 
        grid-template-columns: 1fr; 
        row-gap:5vw; 
        column-gap: 5vw; 
        margin-left:5vw;
}
.third_title{
    font-size: 15px;
    text-align:justify; 
    margin-left: 5vw;
    max-width:300px;
}

}