.image img { display: block; transition: all 600ms ease-in-out; } .view.view-aktualnosci-wyszukiwarka .views-row { padding: 30px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; background-color: #fff; box-shadow: 1px 1px 1px 1px #dfdfdf; margin-bottom: 20px; position: relative; width: 48%; margin: 0 1% 10px; border-radius: 10px; float: left; } .image-caption { border-radius: 10px; background-color: rgba(0, 0, 0, 0.7); } @media (min-width: 769px) { span.date-display-single { text-align: center; font-size: 18px; } .newstargi .image-caption { top: auto; left: 30px; color: #fff; letter-spacing: 2px; text-transform: uppercase; width: 100%; max-width: calc(100% - 60px); font-size: 23px; display: block; text-align: center; position: absolute; font-family: 'uni_sans_semibold'; text-shadow: 1px 1px 1px #000; margin: 30px auto; } .text { margin: 20px 0; }} @media (max-width: 768px) { .news-article.status-default .image-caption { position: absolute; text-shadow: none; letter-spacing: 1px; width: 83%; font-size: 16px; font-weight: bold; text-align: left; color: #ffffff; padding: 5px 10px 0 10px; text-align: center; top: 150px; } .view.view-aktualnosci-wyszukiwarka .views-row { float: left; width:100%;} .wyszukiwarka-content { background: #ffffff; margin: 0 10px; padding: 15px; border-radius: 10px; } .view.view-aktualnosci-wyszukiwarka .views-row { float: left; width: 100%; height: 380px;} } .news-article.status-default .meta { background-color: #fff; position: absolute; top: 30px; right: 35px; padding: 10px; left: 75%; overflow: hidden; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2); }