@charset "utf-8";
.my-gallery { overflow:hidden; width: 100%}
.my-gallery figure { float: left; width: 23%; margin: 10px 1%;}
.my-gallery figure img { width: 100%; }
.my-gallery figure img:hover { opacity: 0.6; }
.my-gallery figure p { text-align:center; margin-top: 5px;}
* html .my-gallery { zoom: 1; }
*+html .my-gallery { zoom: 1; }
.my-gallery:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }


@media screen and (max-width: 640px) {
.my-gallery figure { width: 48%; float: left; margin: 5px 1%; }
}