.promo-row{display:flex;flex-direction:column}.promo-wrapper{position:relative;display:flex;height:auto;width:100%}.promo-img{background-color:gray;object-fit:cover;height:250px;width:100%}.promo-content{position:absolute;float:left;right:0;top:0;background-color:rgba(255,255,255,0.8);height:100%;width:50%;padding:50px 30px 30px}.promo-content h1{text-transform:uppercase;margin:10px 0 8px;line-height:.8}.promo-content h5{position:absolute;top:0px;background-color:#FFF;padding:5px 10px;text-transform:uppercase;letter-spacing:2px}.promo-content p{font-size:12px;margin:0;line-height:1.6}.promo-content .commercial-button{position:absolute;bottom:18px;width:calc(100% - 65px);z-index:2}.promo-content .commercial-button:hover{background:#000;color:#fff}.promo__clickable{position:absolute;height:100%;width:100%;top:0;left:0;z-index:1}.promo__clickable:hover{cursor:pointer}@media(min-width:769px){.promo-row{flex-direction:row}}@media(max-width:769px){.promo-wrapper:nth-child(2n) .promo-content{left:0}}@media(max-width:1100px) and (min-width:769px){.promo-content h1{font-size:20px}.promo-content p{line-height:1.2}.promo-content .commercial-button{font-size:11px;width:calc(100% - 40px);height:30px;min-width:0}}@media(max-width:900px) and (min-width:769px){.promo-content .commercial-button{font-size:10px}}@media(max-width:400px){.promo-content{padding:50px 15px 15px}.promo-content .commercial-button{min-width:100px;height:40px;font-size:13px}}@media(max-width:1450px) and (min-width:769px){.promo-content{padding:45px 20px 35px}.promo-content h5{font-size:13px}}