.portfolio-section{padding:60px 0}.portfolio-section .portfolio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.portfolio-section .top-content{margin:0 auto;max-width:700px;text-align:center}.portfolio-section h2{text-align:center}.portfolio-cards{margin:0 15px 25px;max-height:310px;overflow:hidden;position:relative;width:calc(33.33333% - 25px)}.portfolio-cards img{width:100%}.website-box,.website-box .website-img{height:300px;overflow:hidden}.website-box .website-title{background:#37a3c7;bottom:0;color:#fff;display:block;left:0;margin:0;padding:15px;position:absolute;text-align:center;width:100%}.website-img img{object-fit:contain;object-position:0 0;transition:object-position 6s ease}@media screen and (max-width:850px){.portfolio-section .portfolio-wrapper{flex-wrap:wrap;justify-content:space-between}.portfolio-cards{margin:0 0 30px;width:calc(50% - 15px)}}@media screen and (max-width:575px){.portfolio-section .portfolio-wrapper{flex-wrap:wrap;justify-content:center}.portfolio-cards{margin:0 auto 30px;width:100%}}