.news .block {
    background: white;
}

.entities-list {
    display: flex;
    flex-direction: column;
    margin-left: -10px;
    margin-right: -10px;
}
.entities-list-item-footer {
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.entities-list .cssTextWrapper h2 {
    margin-top: 0.3em;
    margin-bottom: 0.2em;
    font-size: 1.1em;
}
.entities-list .cssTextWrapper p {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.entity-item {
    display: flex;
    flex-direction: column;
    margin-left: -10px;
    margin-right: -10px;
}
.entity-item .entity-header {
    display: flex;
    flex-direction: row;
}
.entity-item .entity-header .entity-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.entity-item h1 {

}
.entity-item .cssPublishTime {
    position: relative;
    padding-left: 1rem;
    display: block;
    right: auto;
    bottom: auto;
}

.cssNewsWrapper {
    display: flex;
}
.cssNewsWrapperWidth100 {
    display: flex;
    flex-direction: row;
    width:100%;
    height: auto;
    min-height: 200px;
    margin: .5rem 0 .5rem 0;
}
.cssMainNewsBlock {
    height:0;
    width:50%;
    padding-bottom:50%;
}
.cssAdditionalNewsBlock {
    height:0;
    width:50%;
    padding-bottom:50%;
    margin-left: 2%;
}
.cssMainNewsChildBlock {
    position: relative;
    height:0;
    width:100%;
    padding-bottom:100%;
    border: 5px solid #fedf6f;
}
.cssImage {
    min-height: 100%;
    width: 100%;
    height: auto;
    position: absolute;
}
.cssImageSimple {
    width: 100%;
    max-width: 400px;
    /*height: 100%;*/
    position:relative;
}
.cssImageSimpleBlur {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.cssImageSimpleBlur img {
    filter: blur(5px);
    width: 100%;
    height: 100%;
    scale: 1.1;
    opacity: 0.7;
}
.cssAbout {

}
.cssPublishTime {

}
.cssImageWrapper {
    max-width: 400px;
    width: 50%;
    position: relative;
    border: 1px solid #864816;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cssMainImageShowWrapper {
    width: 50%;
    margin: 0 auto;
    position: relative;
    max-height: 200px;
    max-width: 400px;
    border: 1px solid #864816;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cssTextWrapper {
    position: relative;
    min-height: 200px;
    padding: 0 2%;
    color: #4d4d4d;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    background-color: #ececec;
    background: linear-gradient(to right, #864816 0px, #ececec 3%, transparent), linear-gradient(to left, #864816 0px, #ececec 3%);
}
.cssTextWrapper h2 {
    font-size: 1.2em;
}
.cssTextWrapperShow {
    width: 100%;
    float: left;
    position: relative;
    min-height: 200px;
    padding: 0 2%;
    background: white;
    color: #4d4d4d;
    margin-top: 0;
}
.cssNewsBlock {
    position: relative;
    float: left;
    height:0;
    width:28%;
    padding-bottom:33%;
    border: 5px solid #fedf6f;
    margin: 0 2.5% 2.5%;
}
.cssNoImage {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    text-align: center;
}
.cssAdditionalNewsChildBlock {
    position: relative;
    float: left;
    height:0;
    width:45%;
    padding-bottom:45%;
    border: 5px solid #fedf6f;
    margin: 0 2.5% 2.5% 2.5%;
}
.cssNewsImageShow {
    width: 180px;
    height: auto;
}
@media (max-width: 560px) {
    .cssImageWrapper,
    .cssTextWrapper {
        max-width: none;
        width: 100%;
    }
    .cssNewsWrapperWidth100 {
        flex-direction: column;
    }

    .entity-item .entity-header {
        flex-direction: column;
    }
    .cssMainImageShowWrapper {
        order: -1;
        width: 100%;
        margin: auto;
        max-width: none;
        max-height: none;
    }
}