.warning{
   display:none;
}

.container{
   background-color:yellow;
   display:flex;
   flex-wrap:wrap;
}

.item{
   background-color:green;
   flex:1 1 30%;
   margin:1vh;
}

.item2{
   background-color:red;
   flex:1 1 50%;
   margin:1vh;
   line-height: 0;
}

@media screen and (max-width:800px){
  .warning{
  display:block;
  }
  .container{
    display:none;
  }
}

.img{
 width=100%;
}

.mini{
   background-color:yellow;
   margin: 1vh;
   width: 20px;
   display: inline-block;
}

.haut{
   background-color:pink;
   display:flex;
   flex-wrap:wrap;
   padding: 1vh;
}



.mot{
  background-color: yellow
  margin: 1vh;
  display: flex;
  flex: 1 1 10%;
  flex-wrap: wrap;
}