show the pictures smaller

Hey schweg33,
Do you want them smaller and still in a single column, or do you want them smaller and in two columns?

Best regards,
Mike

Hi,
Please try this css:

@media only screen and (max-width: 767px) {
 .responsive #top #wrap_all #vorstand .flex_column.av_one_fourth:nth-child(odd) {
    width: 48%;
    margin: 0;
}
.responsive #top #wrap_all #vorstand .flex_column.av_one_fourth:nth-child(even) {
    width: 48%;
    margin-left: 4%;
}
}

After applying the css, please clear your browser cache and check.
I set it the section #vorstand to not conflict with other pages, you can remove #vorstand from the code if you wish.

Best regards,
Mike

Hi,
I see you have a custom font size set in your css with !important; it would be best if you change this:

@media only screen and (max-width: 767px)
h3 {
    font-size: 23px !important;
}

If you can’t try this css:

@media only screen and (max-width: 767px) {
#vorstand h3.team-member-name {
    font-size: 12px !important;
}
}

To reduce the top margin of the second row on desktop try this css:

@media only screen and (min-width: 768px) {
#top #wrap_all #vorstand .flex_column.av_one_fourth.column-top-margin {
    margin-top: 25px;
}
}

adjust the number to suit.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike