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 display: table-cell;
http://colintoh.com/blog/display-table-anti-hero
container= my-gallery
	element= figure
		element = imag
		element = figcaption

*/

.my-gallery {
width: 100%;
border: thin silver solid;
display: table;
}

.my-gallery figure {
display: table-cell;
text-align: center;
vertical-align: middle;
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%;
}