body { margin: 90px auto; border: 0px solid black;}

      main { left: 0; right: 0; border: 0px solid darkred; }

      .flex-container {  border:0px solid red;
        display: flex; /* or inline-flex */
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 150px 0;
        gap: 29px;
      }

      .flex-container img {
        width: 260px;
        height: 260px;
        object-fit: cover;
        overflow: hidden;
      }

      .flex-container video {
        width: 260px;
        height: 260px;
        object-fit: cover; 
        overflow: hidden;
      }

      div li {margin-bottom: 10px;}

      div li p {margin: auto;}

      a { text-decoration:none; color:#292428; }
      a:hover { color: #aaaa55; }

      .title { margin: 0 0 50px 0; }


      #peinture { width: 74%; min-width: 500px; }

      #argentique-horizontal { width: 75%; min-width: 480px; }
      
      #argentique-vertical { width: 28%; min-width: 400px; }

      #teinture-horizontal { min-width: 480px; }
      
      #teinture-vertical { min-width: 400px; }

      #miramar-vertical { min-width: 400px; width: 38%; }

      #miramar-horizontal { width: 80%; min-width: 500px; }

      #reserve-vertical { min-width: 400px; width: 38%; }

      #reserve-horizontal { width: 68%; min-width: 500px; }

      @media screen and (max-width: 700px) { 
        .flex-container { gap: 15px; } 
        .flex-container img { width: 194px; height:194px; } 
        .flex-container video { width: 194px; height:194px; }
      }