html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

/*
build it with flex
https://css-tricks.com/almanac/properties/d/display/
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

container= my-gallery
	element= figure
		element = imag
		element = figcaption

*/

.my-gallery {
width: 100%;
border: thin silver solid;
display: flex;
flex-wrap: wrap-reverse;
justify-content: center;
align-context: center;
align-items: baseline;
}

.my-gallery figure {
flex: 1;  
margin: .1em .2em;
width: 250px;
}

.my-gallery img {
  width: 100%;
  height: auto;
}


.my-gallery figcaption {
font-size: 80%;
}

.pswp__caption__center {
line-height: 2.5em;
}

.pswp__caption__center a {
font-size: 2em;
line-height: 2em;
color: FFFFFF !important;
}


.smalllist {
}

.smalllist ul {
list-style-image: url("http://www.bomengids.nl/cssimages/treeicon-sss.png");
list-style-position:inside;}
    margin: 10;     padding: 20;
    overflow: hidden;
}
.smalllist li {
    float: left;
}

.smalllist a {
    font-size: 80%;
}