.portfolio{height:800px;display:grid;grid-template-areas:"big big sub" "big big desc";grid-template-rows:80% 20%;grid-template-columns:repeat(3,1fr);width:100%;gap:10px;overflow:hidden}.portfolio-header{text-align:center;padding-bottom:40px}.bigImage{grid-area:big;height:calc(100% + 10px)}.bigImage img{object-fit:cover;object-position:center}.subGrid{grid-area:sub;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,15%);gap:10px;height:100%}.item{object-fit:cover;cursor:pointer;transition:ease-all;transition-duration:.3s}.item:hover,.selected{filter:brightness(50%)}.desc{grid-area:desc;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;background:#fff;padding:20px;overflow:scroll}.desc p{margin-top:5px;margin-bottom:5px}.yellowBack{background:#fdf1be40;padding-top:25px;padding-bottom:25px}@media only screen and (max-width: 1000px){.portfolio{display:grid;grid-template-areas:"big" "sub" "desc";grid-template-rows:40% 45% 15%;grid-template-columns:repeat(1,auto);width:100%;gap:10px;overflow:hidden;height:100%}.bigImage{width:100%;height:auto;margin-left:auto;margin-right:auto}.subGrid{grid-area:sub;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,20%);gap:10px;height:100%}}@media only screen and (max-width: 600px){.desc{display:none}.portfolio{grid-template-areas:"big" "sub";grid-template-rows:50% 50%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/portfolio.css.map */
