/*{flex-list-pic/**/

.flex-list-pic {
    display: flex;
    flex-direction: column;
    max-height: inherit;
    flex-wrap: wrap;
    /*justify-content: space-between;/**/
    justify-content: space-between;/**/
    border: none;
    border-left: 1px #b0b0b0 solid;
    border-top: 1px #b0b0b0 solid;
    overflow: auto;
}

.flex-list-pic > * {
    display: flex;
    align-content: center;
    justify-content: center;
    border: 1px #b0b0b0 solid;
    border-left: none;
    border-top: none;
    /*flex: 1 0 auto;/*ровно*/
    /*flex: 0 0 auto;/*сжато*/
    flex: 1 0 auto;
    padding: 0;
}

.flex-list-pic img {
    margin: 0.5em;
}

@media only screen and (min-width: 0px) {
    .flex-list-pic {
        max-height: 15100px;/*/**/
    }
}

@media only screen and (min-width: 160px) {
    .flex-list-pic {
        max-height: 15100px;/*1ст/**/
    }
}

@media only screen and (min-width: 350px) {
    .flex-list-pic {
        max-height: 7650px;/*2ст/**/
    }
}

@media only screen and (min-width: 780px) {
    .flex-list-pic {
        max-height: 5150px;/*3ст/**/
    }
}

@media only screen and (min-width: 950px) {
    .flex-list-pic {
        max-height: 3900px;/*4ст/**/
    }
}

@media only screen and (min-width: 1080px) {
    .flex-list-pic {
        max-height: 3130px;/*5ст/**/
    }
}

@media only screen and (min-width: 1250px) {
    .flex-list-pic {
        max-height: 2600px;/*6ст/**/
    }
}

@media only screen and (min-width: 1400px) {
    .flex-list-pic {
        max-height: 2240px;/*/**/
    }
}

.button1-panel-show-hide-content{
  /*  position: absolute; /**/
    top: 8em;
    right: 1em;
    color: #0094c1;
    margin: 1em;/**/
}
.button2-panel-show-hide-content{
  /*  position: absolute; /**/
    top: 9em;
    right: 1em;
    color: #0094c1;
    margin: 1em;/**/
}

li.content{
    margin-bottom: 0.5em;/*расстояние между пунктами внешнего списка в статье с определениями*/
}
/*}flex-list-pic*/