.gallery{-webkit-column-count:3;-moz-column-count:3;-webkit-column-width:33%;-moz-column-width:33%;columns:33% 3;padding:0 12px}.gallery .pics{-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer;margin-bottom:20px}.gallery .pics:hover{filter:opacity(.8)}.modal{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);transition:opacity .4s ease,visibility .4s ease,transform .4s ease-in-out;visibility:hidden;opacity:0;transform:scale(0);overflow:hidden;z-index:400;padding:20px}.modal.open{visibility:visible;opacity:1;transform:scale(1)}.modal img,.modal video{width:auto;max-width:100%;max-height:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:20px 0;margin:0 auto;object-fit:contain}.svg{position:fixed;top:10px;right:10px;font-size:2rem;padding:5px;color:#fff;cursor:pointer}@media(max-width:991px){.gallery{-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media(max-width:480px){.gallery{-webkit-column-count:1;-moz-column-count:1;-webkit-column-width:100%;-moz-column-width:100%;columns:100% 1}}