#gallery{padding:6rem}#gallery h2{font-size:40px;font-family:'Cachet Book',sans-serif;margin:0}#gallery .gallery-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}#gallery .gallery-header .box-navigation{font-size:75px;line-height:0;display:flex}#gallery .gallery-header .box-navigation .icon{margin-left:1rem}#gallery .gallery-header .box-navigation .icon:not(.disabled){cursor:pointer}#gallery .gallery-batch{transform:translateX(10px);max-height:0;overflow:hidden;opacity:0;display:flex;flex-wrap:wrap;transition:opacity 0.5s ease-in-out}#gallery .gallery-batch.batch-visible{max-height:10000px;opacity:1}#gallery .disabled{opacity:.5;pointer-events:none}#gallery .grid-block{width:50%;aspect-ratio:3 / 2;height:auto;display:flex;flex-wrap:wrap;margin-bottom:20px}#gallery .grid-row{display:flex;width:100%;height:50%}#gallery .grid-row.full-height{height:100%}#gallery .one-one{width:calc(100% / 3 - 20px);height:100%}#gallery .two-one{width:calc(100% / 3 * 2 - 20px);height:100%}#gallery .two-two{width:calc(100% / 3 * 2 - 20px);height:100%}#gallery .one-two{width:calc(100% / 3 - 20px);height:100%}#gallery .grid-row>div{position:relative;margin-right:20px}#gallery .grid-block img{position:relative;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:5px}#gallery .grid-block .two-images{display:flex;flex-direction:column;justify-content:space-between}#gallery .grid-block .two-images img{height:100%}#gallery .grid-block .gallery-link{display:flex;width:100%;height:100%;position:relative}#gallery .grid-block .two-images a:first-child{margin-bottom:20px}#gallery .grid1 .grid-row{height:calc(50% - 10px)}#gallery .grid1 .grid-row:last-child{margin-bottom:0}#gallery .grid1{display:flex;flex-direction:column;justify-content:space-between;flex-wrap:nowrap}@media (max-width:1200px){#gallery{padding:4rem 2rem}#gallery .gallery-header .box-navigation{font-size:60px}}@media (max-width:768px){#gallery{padding:2rem}#gallery .grid-block{width:100%;margin-bottom:10px}#gallery .grid1 .grid-row{height:calc(50% - 5px)}#gallery .grid-row>div{margin-right:10px}#gallery .gallery-header .box-navigation{font-size:40px}#gallery h2{font-size:30px}#gallery .grid-block .two-images a:first-child{margin-bottom:10px}#gallery .grid-block .two-images img{height:100%}#gallery .grid-row>div.one-two{width:calc(100% / 3 - 15px)}}