#gallery .filter>div{display:flex;justify-content:center;padding:1rem 0;overflow-x:auto}@media screen and (max-width: 500px){#gallery .filter>div{justify-content:flex-start}}#gallery .filter>div>a{color:black;font-weight:bold;text-transform:uppercase;text-decoration:none;letter-spacing:0.05em;display:inline-block;padding:15px 20px;position:relative}@media screen and (max-width: 500px){#gallery .filter>div>a{display:inline-block;padding:0 calc(19vw - 39px)}}#gallery .filter>div>a::after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:blue;transition:width 0.3s ease 0s, left 0.3s ease 0s;width:0}#gallery .filter>div>a:hover::after,#gallery .filter>div>a.active::after{width:100%;left:0}#gallery-content{width:100%;display:flex;flex-wrap:wrap}#gallery-content #grid-list{width:100%;display:block;overflow:hidden}#gallery-content #grid-list::after{content:'';display:block;clear:both}#gallery-content .grid-sizer,#gallery-content .grid-item{width:50%}@media screen and (max-width: 768px){#gallery-content .grid-sizer,#gallery-content .grid-item{width:100%}}#gallery-content .grid-item{float:left;display:inline-block;overflow:hidden}#gallery-content .grid-item .inner img{width:100%;display:block}#gallery-content .grid-item .inner .title{display:flex;position:absolute;left:0;top:0;width:100%;height:100%;padding:0;font-weight:400;background:rgba(255,255,255,0.8);opacity:0;transition:opacity 400ms;justify-content:center;align-content:center}#gallery-content .grid-item .inner .title .center{padding:70px 0;text-align:center}#gallery-content .grid-item .inner .title span{font-size:1rem;color:black;font-weight:700;text-align:center;display:flex;align-items:center}#gallery-content .grid-item:hover .title{opacity:1;transition:opacity 700ms}