Národní export Products backup
<style><!--
.container.content-wrapper {
width: 100%;
}
h1 {text-align: center;}
#newsWrapper {
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-direction:row;flex-wrap:wrap;justify-content:center;}
.news-item > .image {width: 100%; margin-right: 0px !important; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);transition: all 0.5s ease-in-out;}
.news-item:hover > .image {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);}
.news-item .text .title {font-size: 38px; color: #fff;line-height: 42px;text-align:right;max-width: 80%; margin-left: 20%;}
.news-item .text .title:hover {text-decoration: none;color: #fff;}
.news-item time, .news-item-detail time, .news-item .text .description {display: none;}
.news-item .text {text-align: right;}
@media (max-width: 768px) {
.news-item {width: 100%;flex-wrap: wrap; text-align: center;margin-bottom: -154px;}
.news-item .text {top: -175px;
max-width: 82%;
right: -52px;
position:relative;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.news-item {width: 50%;flex-wrap: wrap; text-align: center;margin-bottom: -94px;}
.news-item .text {top: -100px; right: 20px; max-width: 460px;position:relative;}
}
@media (min-width: 992px) and (max-width: 1400px) {
.news-item {width: 33.3333%;flex-wrap: wrap; text-align: center;margin-bottom: -94px;}
.news-item .text {top: -100px; right: 20px;position:relative;}
}
@media (min-width: 1400px) {
.news-item {width: 33.3333%;flex-wrap: wrap; text-align: center;margin-bottom: -52px;}
.news-item .text {top: -100px; right: 20px;position:relative;}
}
--></style>