*{box-sizing:border-box}.rowProduct{display:flex;flex-wrap:wrap;margin:10px}.row,.rowProduct>.column{padding:8px}.column{display:none;flex:0 0 25%}.show{display:block}.btnPortfolio{background-color:#fff;border:none;cursor:pointer;outline:none;padding:12px 16px;transition:background-color .3s}.btnPortfolio:focus,.btnPortfolio:hover{background-color:#ddd}.btnPortfolio.activeP{background-color:#666;color:#fff}.btnPortfolio:focus{box-shadow:0 0 5px 2px rgba(0,123,255,.5);outline:2px solid #007bff}@media only screen and (max-width:1024px){.column{flex:0 0 33.3%}.card{margin:0}.card-body{padding:16px 0}}@media only screen and (max-width:768px){.column{flex:0 0 50%}}@media only screen and (max-width:500px){.column{flex:0 0 100%}}