.gallery
{
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 3px;
    width: auto;
}
.gallery__content
{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: calc(-2% + 2px);
    overflow: hidden;
}
.gallery--vertical .gallery__content
{
    display: flex;
    flex-flow: column nowrap;
    margin-left: calc(-2% + 2px);
    margin-right: calc(-2% + 2px);
}
.gallery__content>*
{
    flex: 1 1;
    margin: 2%;
    min-width: 300px;
    width: auto;
}
.gallery--vertical .gallery__content>*
{
    flex: 1 0 auto;
    margin-bottom: 2%;
    margin-top: 2%;
    min-width: 300px;
}
.gallery__title-box
{
    align-items: baseline;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 24px;
    padding: 0;
    width: 100%;
}
@media(max-width: 570px)
{
    .gallery--vertical .gallery__content>*, .gallery__content>*
    {
        min-width: 55%;
    }
}