.pagination {
	flex-wrap: wrap;
	gap: 1em 0;
}
.blog-item {
   display: block; /* was: flex */
}
.blog-item figure.item-image {
    max-width: 15em;  /* experiment with different values as needed */
}
@media only screen and (max-width:600px) {
.pd-document32 {
height: 100px !important;
line-height: 20px !important; 
}}
/* Make header font sixe smaller - one step , see: https://forum.joomla.org/viewtopic.php?f=815&t=997387 */

h1, .h1 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2rem;
  }
}
h2, .h2 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.75rem;
  }
}
h3, .h3 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.5rem;
  }
}
h4, .h4 {
  font-size: 1.25rem;
}
h5, .h5 {
  font-size: 1rem;
}
h6, .h6 {
  font-size: 1rem;
}