.box_portfolio{background-color:#f5f9ff;}
.div_portfolio{width:1920px;max-width:100%;margin:0px auto;box-sizing:border-box;padding:45px 2px 0px 2px;}
.boxPortf{}
.boxPortf .divPortf{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:2px;}
.boxPortf .divPortf>a{display:block;position:relative;overflow:hidden;}
.boxPortf .divPortf>a .spImg{display:block;overflow:hidden;}
.boxPortf .divPortf>a .spImg img{max-width:100%;height:auto;transition:all 0.5s ease-out 0s;}
.boxPortf .divPortf>a .footPortfolio{background-color:rgba(0,0,0,0.8);position:absolute;bottom:20px;right:-100%;width:60%;transition:all 0.5s ease-out 0s;box-sizing:border-box;padding:15px;font-size:18px;font-weight:700;color:#FFFFFF;}
.boxPortf .divPortf>a:hover .spImg img{transform:scale(1.1);}
.boxPortf .divPortf>a:hover .footPortfolio{right:0px;}
.boxPortf .divPortf>a .footPortfolio .titleP{}
@media screen and (max-width:1400px){.boxPortf .divPortf{grid-template-columns:1fr 1fr 1fr;}
.boxPortf .divPortf > a .footPortfolio{font-size:15px;}
}
@media screen and (max-width:1200px){.div_portfolio{padding-top:20px}
}
@media screen and (max-width:840px){.boxPortf .divPortf{grid-template-columns:1fr 1fr;}
}
@media screen and (max-width:480px){.boxPortf .divPortf{grid-template-columns:1fr;}
}