body{
    display: flex;
    width: 100%;
}


.section{
   /* width:100%;
    height: 100%;*/
    margin:0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.card{
    margin: 0;
    margin-top: 1em;
    border:3px solid navy;
    width:15em;
    height:10.2em;
    border-radius: 0.5em;
    background-color: silver;
    
}
.card:hover{
  /*  -ms-transform: scale(1.5); /* IE 9 */
  /*  -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.1);
    }
.fullName{
    text-align: center;
}

.photoFl { 
    border: 1px solid navy;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    width:15em;
    height: 8.8em;
    object-fit: fill;
    }


.titre{
    width: 100%;
    text-align: center;
}

.title{
    width:100%;
    text-align:center;
    margin-top: 2em;
}



@media screen and  (min-width: 350px) and (max-width:810px){
 .title{
    margin-top:5em
 }

 .card{
    margin-bottom: 2em;
 }
} 

@media screen and  (min-width: 810px) and (max-width:1616px){
    .card{
        margin-bottom: 1em;
     }

}