.gallery{overflow:hidden;margin:10px;max-width:768px}.gallery .box{float:left;position:relative;width:100%;padding-bottom:100%}@media only screen and (min-width:365px){.gallery .box{width:50%;padding-bottom:50%}}@media only screen and (min-width:480px){.gallery .box{width:33.3%;padding-bottom:33.3%}}@media only screen and (min-width:9999px){.box{width:25%;padding-bottom:25%}}.gallery.hover-transition figure,.gallery.hover-effect-zoom .img,.gallery:not(.caption-effect-appear) figcaption,.fancy-figure:not(.caption-effect-appear) figcaption{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}figure{position:relative;overflow:hidden}.gallery figure{margin:0;position:absolute;left:5px;right:5px;top:5px;bottom:5px}.gallery.hover-effect-grow figure:hover{transform:scale(1.05)}.gallery.hover-effect-shrink figure:hover{transform:scale(0.95)}.gallery.hover-effect-slidedown figure:hover{transform:translateY(5px)}.gallery.hover-effect-slideup figure:hover{transform:translateY(-5px)}.gallery .img{position:absolute;left:0;right:0;top:0;bottom:0;background-size:cover;background-position:50%;background-repeat:no-repeat}.gallery.hover-effect-zoom figure:hover .img{transform:scale(1.05)}.gallery img{display:none}figure a{position:absolute;left:0;right:0;top:0;bottom:0}.gallery figcaption,.fancy-figure figcaption{position:absolute;bottom:0;left:0;right:0;background:#000;color:#fff;text-align:center;font-size:75%;background:#00000080;opacity:1;cursor:pointer}.gallery.caption-position-none figcaption,.fancy-figure.caption-position-none figcaption{display:none}.gallery.caption-position-center figcaption,.fancy-figure.caption-position-center figcaption{top:0;padding:40% 5px}.gallery.caption-position-bottom figcaption,.fancy-figure.caption-position-bottom figcaption{padding:5px}.gallery.caption-effect-fade figure:not(:hover) figcaption,.gallery.caption-effect-appear figure:not(:hover) figcaption,.fancy-figure.caption-effect-fade figure:not(:hover) figcaption,.fancy-figure.caption-effect-appear figure:not(:hover) figcaption{background:#0000;opacity:0}.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption,.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption{margin-bottom:-100%}.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption,.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption{top:100%}figcaption p{margin:auto}