.photo-page .photo-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:Wrap}.photo-page .photo-list .photo{width:33.33%;padding:10px}@media (max-width:767px){.photo-page .photo-list .photo{width:50%}}@media (max-width:450px){.photo-page .photo-list .photo{width:100%;padding:10px 0}}.photo-page .photo-list .photo a{display:inline-block;position:relative}.photo-page .photo-list .photo a img{max-width:100%}.photo-page .photo-list .photo a h2{top:50%;left:50%;text-align:center;color:#fff;transform:translate(-50%,-50%);font-size:20px;line-height:24px;z-index:2}.photo-page .photo-list .photo a:before,.photo-page .photo-list .photo a h2{position:absolute;width:100%;opacity:0;visibility:hidden;transition:all .4s ease-out}.photo-page .photo-list .photo a:before{content:"";top:0;left:0;height:100%;background:rgba(0,0,0,.7)}.photo-page .photo-list .photo a:hover:before,.photo-page .photo-list .photo a:hover h2{opacity:1;visibility:initial}.navigation-side{margin-top:10px}