.gallery{display:flex;flex-wrap:wrap;align-items:stretch}.gallery .gallery__item{width:100%;margin:0 20px 20px 0}.gallery .gallery__item__image{display:block;cursor:pointer;border:none;min-height:230px;width:100%;background-size:cover;background-position:center center}.gallery .gallery__item__image:focus{border:1px}.gallery-modal{visibility:hidden;opacity:0;position:fixed;z-index:200;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);transition:visibility,opacity .2s ease}.gallery-modal--active{visibility:visible;opacity:1}.gallery-modal__slides{position:relative;box-sizing:border-box;height:100%;overflow:hidden;text-align:center;padding:70px 10px}.gallery-modal__slides__slide{position:relative;height:100%}.gallery-modal__slides__slide img{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%}.gallery-modal_close{background:0 0;border:none;color:#fff;position:absolute;top:10px;right:25px;font-size:35px;font-weight:700;cursor:pointer}.gallery-modal_next{background:0 0;border:none;color:#fff;position:absolute;top:50%;right:25px;font-size:35px;font-weight:700;cursor:pointer}.gallery-modal_prev{background:0 0;border:none;color:#fff;position:absolute;top:50%;left:25px;font-size:35px;font-weight:700;cursor:pointer}@media screen and (min-width:480px){.gallery-modal__slides{padding:70px 30px}}@media screen and (min-width:670px){.gallery .gallery__item{width:30%}}