.portfolio-mdl .portfolio-item{display:flex}.portfolio-mdl .back-bg-holder{background-position:50%;background-size:cover;flex-basis:50%;flex-shrink:0;padding-top:440px;position:relative}.portfolio-mdl .overlay{background-color:rgba(29,65,59,.5);height:100%;left:0;position:absolute;top:0;width:100%}.portfolio-mdl .overlay:hover{background-color:rgba(235,193,24,.85)}.portfolio-mdl .logo-holder{background-position:50%;background-repeat:no-repeat;background-size:contain;height:70%;left:15%;pointer-events:none;position:absolute;top:15%;width:70%}.portfolio-mdl .details{align-items:center;display:flex}.portfolio-mdl .mainTextBlock{margin-left:110px;max-width:415px}.portfolio-mdl .mainTextBlock .title{color:#668d7e;font-size:28px;font-style:normal;font-weight:900;letter-spacing:.5px;line-height:1;margin:0;padding:0;text-transform:uppercase}.portfolio-mdl .mainTextBlock p{font-size:16px;line-height:1.6}.portfolio-mdl .mainTextBlock .p-btn{margin-top:30px}.portfolio-mdl article:nth-of-type(2n){flex-direction:row-reverse}.portfolio-mdl article:nth-of-type(2n) .details .mainTextBlock{margin-right:110px}@media (max-width:767px){.portfolio-mdl .portfolio-item{display:block}.portfolio-mdl .back-bg-holder{padding-top:60%}.portfolio-mdl .details .mainTextBlock{margin-left:0;padding:20px 20px 30px}.portfolio-mdl .p-btn{padding:15px 25px}}