@media only screen and (min-width:1280px) {
    .postBlock {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 60pt 0;
    }
    .postBlock:first-child {
        margin-top: 0;
    }
    .postBlock:last-child {
        margin-bottom: 0;
    }
    .emptyPost {
        width: 100%;
        background-color: rgb(var(--main-1));
        padding: 8pt;
        text-align: center;
        font-size: 12pt;
        color: rgb(var(--white));
    }
    .postUser {
        width: 50pt;
        align-self: flex-start;
    }
    .userPhotoLink {
        width: 50pt;
        height: 50pt;
    }
    .userPhoto {
        width: 100%;
        height: 100%;
    }
    .userPhotoLink:hover {
        cursor: pointer;
        -webkit-filter: brightness(1.5);
        -moz-filter: brightness(1.5);
        filter: brightness(1.5);
    }
    .postContent {
        width: calc(100% - 130pt);
        align-self: flex-start;
    }
    .contentHeader {
        width: 100%;
        background: rgb(var(--main-1));
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 8pt;
        margin-bottom: 8pt;
    }
    .contentTitle {
        width: calc(100% - 40pt);
        text-align: left;
    }
    .contentComments {
        width: 40pt;
        text-align: right;
        color: rgb(var(--white));
        font-size: 12pt;
    }
    .conTitle {
        text-decoration: none;
        font-size: 12pt;
        font-weight: bold;
        color: rgb(var(--white));
    }
    .contentDate {
        width: 100%;
        background: rgb(var(--main-1));
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 8pt;
    }
    .publishDate {
        width: 60%;
        text-align: left;
        color: rgb(var(--grey-6));
        font-size: 10pt;
        font-style: italic;
    }
    .userLink {
        text-decoration: none;
        color: rgb(var(--grey-6));
    }
    .userLink:hover {
        cursor: pointer;
        color: rgb(var(--main-10));
    }
    .postCat {
        width: 40%;
        text-align: right;
    }
    .pcat {
        text-decoration: none;
        font-size: 11pt;
        color: rgb(var(--white));
    }
    .pcat:hover {
        cursor: pointer;
        color: rgb(var(--main-10));
    }
    .contentDescription {
        width: 100%;
        background: rgb(var(--main-1));
        padding: 8pt;
        margin-top: 8pt;
        color: rgb(var(--white));
        text-align: left;
        font-size: 14pt;
    }
    .postSource {
        width: 100%;
        height: 20pt;
        line-height: 20pt;
        text-align: center;
        background: rgb(var(--main-1));
    }
    .sourceLink {
        text-decoration: none;
        font-size: 10pt;
        color: rgb(var(--grey-5));
    }
    .sourceLink:hover {
        cursor: pointer;
        color: rgb(var(--main-8));
    }
    .postTags {
        width: 100%;
        margin-top: 8pt;
        background: rgb(var(--main-1));
        padding: 8pt;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }
    .tagBtn {
        text-decoration: none;
        font-size: 11pt;
        color: rgb(var(--white));
        background: rgb(var(--main-2));
        padding: 4pt 10pt;
        margin: 4pt;
        -webkit-border-radius: 6pt;
        -moz-border-radius: 6pt;
        border-radius: 6pt;
    }
    .tagBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
    }
    .tagBtn:active {
        background: rgb(var(--main-4));
    }
    .postBtns {
        width: 60pt;
        align-self: flex-end;
    }
    .postBtn {
        display: block;
        width: 60pt;
        height: 60pt;
        -webkit-border-radius: 5pt;
        -moz-border-radius: 5pt;
        border-radius: 5pt;
        text-align: center;
        line-height: 60pt;
        margin: 6pt 0;
    }
    .postBtn:first-child {
        margin-top: 0;
    }
    .postBtn:last-child {
        margin-bottom: 0;
    }
    .likePostBtn {
        font-size: 26pt;
        color: rgb(var(--white));
        background: rgb(var(--main-1));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
    }
    .likePostBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .likePostBtn:active {
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .postLiked {
        background: rgb(var(--main-6));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
    }
    .postLiked:hover {
        background: rgb(var(--main-7));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
    }
    .postLiked:active {
        background: rgb(var(--main-7));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
    }
    .likes {
        font-size: 12pt;
        color: rgb(var(--white));
    }
    .shareBtn {
        font-size: 26pt;
        color: rgb(var(--white));
        background: rgb(var(--grey-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
    }
    .shareBtn:hover {
        cursor: pointer;
        background: rgb(var(--grey-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
    }
    .shareBtn:active {
        background: rgb(var(--grey-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: linear-gradient(180deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
    }
    .favBtn {
        font-size: 26pt;
        color: rgb(var(--white));
        background: rgb(var(--yel-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
    }
    .favBtn:hover {
        cursor: pointer;
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
    }
    .favBtn:active {
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
    }
    .favSelected {
        background: rgb(var(--yel-8));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
    }
    .favSelected:hover {
        background: rgb(var(--yel-9));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
    }
    .favSelected:active {
        background: rgb(var(--yel-9));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
    }
    .postDownload {
        font-size: 26pt;
        color: rgb(var(--white));
        background: rgb(var(--red-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
    }
    .postDownload:hover {
        cursor: pointer;
        background: rgb(var(--red-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
    }
    .postDownload:active {
        background: rgb(var(--red-3));
        background: -webkit-linear-gradient(-90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
    }
    .post {
        width: 100%;
    }
    .postLink {
        display: block;
        width: 100%;
        text-decoration: none;
        border: none;
    }
    .postImg {
        width: 100%;
        height: auto;
    }
    .galeryLink {
        display: block;
        position: relative;
        width: 100%;
        text-decoration: none;
        border: none;
    }
    .galeryLink:not(.mainGalery):after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100pt;
        height: 100pt;
        background: rgba(var(--main-1), 0.5);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }
    .galeryImg {
        width: 100%;
        height: auto;
    }
    .galeryMore {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        font-size: 32pt;
        font-weight: bold;
        color: rgb(var(--white));
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2;
    }
    .pagination {
        width: 100%;
    }
    .pagHeader {
        width: 100%;
        height: 30pt;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    .pagBtn {
        flex-grow: 1;
        text-align: center;
        text-decoration: none;
        color: rgb(var(--white));
        font-size: 12pt;
        height: 30pt;
        line-height: 30pt;
        margin: 0 5pt;
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .pagBtn:first-child {
        margin-left: 0;
    }
    .pagBtn:last-child {
        margin-right: 0;
    }
    .pagBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .pagBtn:active {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .pagBody {
        width: 100%;
        height: 30pt;
        overflow: hidden;
        white-space: nowrap;
        margin: 6pt 0;
    }
    .pagLinkBtn {
        display: inline-block;
        text-align: center;
        text-decoration: none;
        color: rgb(var(--white));
        font-size: 11pt;
        height: 30pt;
        line-height: 30pt;
        margin: 0;
    }
    .pagLinkBtn:first-child {
        margin-left: 0;
    }
    .pagLinkBtn:last-child {
        margin-right: 0;
    }
    .pagLinkBtn:hover:not(.pagSelected) {
        cursor: pointer;
        background: rgb(var(--main-6));
    }
    .pagSelected {
        background: rgba(var(--white), 0.3);
    }
    .pagRange {
        width: 100%;
    }
    .rangePag {
        width: 100%;
        -webkit-appearance: none;
        appearance: none;
        height: 2pt;
        background: rgb(var(--grey-4));
        outline: none;
    }
    .mobileText {
        display: initial;
    }
    .randBtn {
        display: block;
        width: 100%;
        padding: 10pt 0;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 12pt;
        color: rgb(var(--white));
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .randBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .randBtn:active {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
}

@media only screen and (min-width:900px) and (max-width:1279px) {
    .postBlock {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 60pt 0;
    }
    .postBlock:first-child {
        margin-top: 0;
    }
    .postBlock:last-child {
        margin-bottom: 0;
    }
    .emptyPost {
        width: 100%;
        background-color: rgb(var(--main-1));
        padding: 8pt;
        text-align: center;
        font-size: 12pt;
        color: rgb(var(--white));
    }
    .postUser {
        width: 40pt;
        align-self: flex-start;
    }
    .userPhotoLink {
        width: 40pt;
        height: 40pt;
    }
    .userPhoto {
        width: 100%;
        height: 100%;
    }
    .userPhotoLink:hover {
        cursor: pointer;
        -webkit-filter: brightness(1.5);
        -moz-filter: brightness(1.5);
        filter: brightness(1.5);
    }
    .postContent {
        width: calc(100% - 50pt);
        align-self: flex-start;
    }
    .contentHeader {
        width: 100%;
        background: rgb(var(--main-1));
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 8pt;
        margin-bottom: 8pt;
    }
    .contentTitle {
        width: calc(100% - 40pt);
        text-align: left;
    }
    .contentComments {
        width: 40pt;
        text-align: right;
        color: rgb(var(--white));
        font-size: 12pt;
    }
    .conTitle {
        text-decoration: none;
        font-size: 12pt;
        font-weight: bold;
        color: rgb(var(--white));
    }
    .contentDate {
        width: 100%;
        background: rgb(var(--main-1));
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 8pt;
    }
    .publishDate {
        width: 60%;
        text-align: left;
        color: rgb(var(--grey-6));
        font-size: 10pt;
        font-style: italic;
    }
    .userLink {
        text-decoration: none;
        color: rgb(var(--grey-6));
    }
    .userLink:hover {
        cursor: pointer;
        color: rgb(var(--main-10));
    }
    .postCat {
        width: 40%;
        text-align: right;
    }
    .pcat {
        text-decoration: none;
        font-size: 11pt;
        color: rgb(var(--white));
    }
    .pcat:hover {
        cursor: pointer;
        color: rgb(var(--main-10));
    }
    .contentDescription {
        width: 100%;
        background: rgb(var(--main-1));
        padding: 8pt;
        margin-top: 8pt;
        color: rgb(var(--white));
        text-align: left;
        font-size: 14pt;
    }
    .postSource {
        width: 100%;
        height: 20pt;
        line-height: 20pt;
        text-align: center;
        background: rgb(var(--main-1));
    }
    .sourceLink {
        text-decoration: none;
        font-size: 10pt;
        color: rgb(var(--grey-5));
    }
    .sourceLink:hover {
        cursor: pointer;
        color: rgb(var(--main-8));
    }
    .postTags {
        width: 100%;
        margin-top: 8pt;
        background: rgb(var(--main-1));
        padding: 8pt;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }
    .tagBtn {
        text-decoration: none;
        font-size: 11pt;
        color: rgb(var(--white));
        background: rgb(var(--main-2));
        padding: 4pt 10pt;
        margin: 4pt;
        -webkit-border-radius: 6pt;
        -moz-border-radius: 6pt;
        border-radius: 6pt;
    }
    .tagBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
    }
    .tagBtn:active {
        background: rgb(var(--main-4));
    }
    .postBtns {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        margin-left: 50pt;
        margin-top: 8pt;
        padding: 8pt;
        background: rgb(var(--main-1));
    }
    .postBtn {
        display: block;
        width: 40pt;
        height: 40pt;
        -webkit-border-radius: 5pt;
        -moz-border-radius: 5pt;
        border-radius: 5pt;
        text-align: center;
        line-height: 40pt;
        margin: 0 6pt;
    }
    .postBtn:first-child {
        margin-left: 0;
    }
    .postBtn:last-child {
        margin-right: 0;
    }
    .likePostBtn {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--main-1));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
    }
    .likePostBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .likePostBtn:active {
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .postLiked {
        background: rgb(var(--main-6));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
    }
    .postLiked:hover {
        background: rgb(var(--main-7));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
    }
    .postLiked:active {
        background: rgb(var(--main-7));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
    }
    .likes {
        font-size: 12pt;
        color: rgb(var(--white));
    }
    .shareBtn {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--grey-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
    }
    .shareBtn:hover {
        cursor: pointer;
        background: rgb(var(--grey-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
    }
    .shareBtn:active {
        background: rgb(var(--grey-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: linear-gradient(180deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
    }
    .favBtn {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--yel-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
    }
    .favBtn:hover {
        cursor: pointer;
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
    }
    .favBtn:active {
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
    }
    .favSelected {
        background: rgb(var(--yel-8));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
    }
    .favSelected:hover {
        background: rgb(var(--yel-9));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
    }
    .favSelected:active {
        background: rgb(var(--yel-9));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
    }
    .postDownload {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--red-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
    }
    .postDownload:hover {
        cursor: pointer;
        background: rgb(var(--red-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
    }
    .postDownload:active {
        background: rgb(var(--red-3));
        background: -webkit-linear-gradient(-90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
    }
    .post {
        width: 100%;
    }
    .postLink {
        display: block;
        width: 100%;
        text-decoration: none;
        border: none;
    }
    .postImg {
        width: 100%;
        height: auto;
    }
    .galeryLink {
        display: block;
        position: relative;
        width: 100%;
        text-decoration: none;
        border: none;
    }
    .galeryLink:not(.mainGalery):after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100pt;
        height: 100pt;
        background: rgba(var(--main-1), 0.5);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }
    .galeryImg {
        width: 100%;
        height: auto;
    }
    .galeryMore {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        font-size: 32pt;
        font-weight: bold;
        color: rgb(var(--white));
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2;
    }
    .pagination {
        width: 100%;
    }
    .pagHeader {
        width: 100%;
        height: 30pt;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    .pagBtn {
        flex-grow: 1;
        text-align: center;
        text-decoration: none;
        color: rgb(var(--white));
        font-size: 12pt;
        height: 30pt;
        line-height: 30pt;
        margin: 0 5pt;
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .pagBtn:first-child {
        margin-left: 0;
    }
    .pagBtn:last-child {
        margin-right: 0;
    }
    .pagBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .pagBtn:active {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .pagBody {
        width: 100%;
        height: 30pt;
        overflow: hidden;
        white-space: nowrap;
        margin: 6pt 0;
    }
    .pagLinkBtn {
        display: inline-block;
        text-align: center;
        text-decoration: none;
        color: rgb(var(--white));
        font-size: 11pt;
        height: 30pt;
        line-height: 30pt;
        margin: 0;
    }
    .pagLinkBtn:first-child {
        margin-left: 0;
    }
    .pagLinkBtn:last-child {
        margin-right: 0;
    }
    .pagLinkBtn:hover:not(.pagSelected) {
        cursor: pointer;
        background: rgb(var(--main-6));
    }
    .pagSelected {
        background: rgba(var(--white), 0.3);
    }
    .pagRange {
        width: 100%;
    }
    .rangePag {
        width: 100%;
        -webkit-appearance: none;
        appearance: none;
        height: 2pt;
        background: rgb(var(--grey-4));
        outline: none;
    }
    .mobileText {
        display: initial;
    }
    .randBtn {
        display: block;
        width: 100%;
        padding: 10pt 0;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 12pt;
        color: rgb(var(--white));
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .randBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .randBtn:active {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
}

@media only screen and (min-width:501px) and (max-width:899px) {
    .postBlock {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 60pt 0;
    }
    .postBlock:first-child {
        margin-top: 0;
    }
    .postBlock:last-child {
        margin-bottom: 0;
    }
    .emptyPost {
        width: 100%;
        background-color: rgb(var(--main-1));
        padding: 8pt;
        text-align: center;
        font-size: 12pt;
        color: rgb(var(--white));
    }
    .postUser {
        width: 35pt;
        align-self: flex-start;
    }
    .userPhotoLink {
        width: 35pt;
        height: 35pt;
    }
    .userPhoto {
        width: 100%;
        height: 100%;
    }
    .userPhotoLink:hover {
        cursor: pointer;
        -webkit-filter: brightness(1.5);
        -moz-filter: brightness(1.5);
        filter: brightness(1.5);
    }
    .postContent {
        width: calc(100% - 90pt);
        align-self: flex-start;
    }
    .contentHeader {
        width: 100%;
        background: rgb(var(--main-1));
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 8pt;
        margin-bottom: 8pt;
    }
    .contentTitle {
        width: calc(100% - 40pt);
        text-align: left;
    }
    .contentComments {
        width: 40pt;
        text-align: right;
        color: rgb(var(--white));
        font-size: 12pt;
    }
    .conTitle {
        text-decoration: none;
        font-size: 12pt;
        font-weight: bold;
        color: rgb(var(--white));
    }
    .contentDate {
        width: 100%;
        background: rgb(var(--main-1));
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 8pt;
    }
    .publishDate {
        width: 60%;
        text-align: left;
        color: rgb(var(--grey-6));
        font-size: 10pt;
        font-style: italic;
    }
    .userLink {
        text-decoration: none;
        color: rgb(var(--grey-6));
    }
    .userLink:hover {
        cursor: pointer;
        color: rgb(var(--main-10));
    }
    .postCat {
        width: 40%;
        text-align: right;
    }
    .pcat {
        text-decoration: none;
        font-size: 11pt;
        color: rgb(var(--white));
    }
    .pcat:hover {
        cursor: pointer;
        color: rgb(var(--main-10));
    }
    .contentDescription {
        width: 100%;
        background: rgb(var(--main-1));
        padding: 8pt;
        margin-top: 8pt;
        color: rgb(var(--white));
        text-align: left;
        font-size: 14pt;
    }
    .postSource {
        width: 100%;
        height: 20pt;
        line-height: 20pt;
        text-align: center;
        background: rgb(var(--main-1));
    }
    .sourceLink {
        text-decoration: none;
        font-size: 10pt;
        color: rgb(var(--grey-5));
    }
    .sourceLink:hover {
        cursor: pointer;
        color: rgb(var(--main-8));
    }
    .postTags {
        width: 100%;
        margin-top: 8pt;
        background: rgb(var(--main-1));
        padding: 8pt;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }
    .tagBtn {
        text-decoration: none;
        font-size: 11pt;
        color: rgb(var(--white));
        background: rgb(var(--main-2));
        padding: 4pt 10pt;
        margin: 4pt;
        -webkit-border-radius: 6pt;
        -moz-border-radius: 6pt;
        border-radius: 6pt;
    }
    .tagBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
    }
    .tagBtn:active {
        background: rgb(var(--main-4));
    }
    .postBtns {
        width: 35pt;
        align-self: flex-end;
    }
    .postBtn {
        display: block;
        width: 35pt;
        height: 35pt;
        -webkit-border-radius: 5pt;
        -moz-border-radius: 5pt;
        border-radius: 5pt;
        text-align: center;
        line-height: 35pt;
        margin: 6pt 0;
    }
    .postBtn:first-child {
        margin-top: 0;
    }
    .postBtn:last-child {
        margin-bottom: 0;
    }
    .likePostBtn {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--main-1));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
    }
    .likePostBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .likePostBtn:active {
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .postLiked {
        background: rgb(var(--main-6));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
    }
    .postLiked:hover {
        background: rgb(var(--main-7));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
    }
    .postLiked:active {
        background: rgb(var(--main-7));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
    }
    .likes {
        font-size: 11pt;
        color: rgb(var(--white));
    }
    .shareBtn {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--grey-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
    }
    .shareBtn:hover {
        cursor: pointer;
        background: rgb(var(--grey-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
    }
    .shareBtn:active {
        background: rgb(var(--grey-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: linear-gradient(180deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
    }
    .favBtn {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--yel-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
    }
    .favBtn:hover {
        cursor: pointer;
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
    }
    .favBtn:active {
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
    }
    .favSelected {
        background: rgb(var(--yel-8));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
    }
    .favSelected:hover {
        background: rgb(var(--yel-9));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
    }
    .favSelected:active {
        background: rgb(var(--yel-9));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
    }
    .postDownload {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--red-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
    }
    .postDownload:hover {
        cursor: pointer;
        background: rgb(var(--red-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
    }
    .postDownload:active {
        background: rgb(var(--red-3));
        background: -webkit-linear-gradient(-90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
    }
    .post {
        width: 100%;
    }
    .postLink {
        display: block;
        width: 100%;
        text-decoration: none;
        border: none;
    }
    .postImg {
        width: 100%;
        height: auto;
    }
    .galeryLink {
        display: block;
        position: relative;
        width: 100%;
        text-decoration: none;
        border: none;
    }
    .galeryLink:not(.mainGalery):after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100pt;
        height: 100pt;
        background: rgba(var(--main-1), 0.5);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }
    .galeryImg {
        width: 100%;
        height: auto;
    }
    .galeryMore {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        font-size: 32pt;
        font-weight: bold;
        color: rgb(var(--white));
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2;
    }
    .pagination {
        width: 100%;
    }
    .pagHeader {
        width: 100%;
        height: 30pt;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    .pagBtn {
        flex-grow: 1;
        text-align: center;
        text-decoration: none;
        color: rgb(var(--white));
        font-size: 12pt;
        height: 30pt;
        line-height: 30pt;
        margin: 0 5pt;
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .pagBtn:first-child {
        margin-left: 0;
    }
    .pagBtn:last-child {
        margin-right: 0;
    }
    .pagBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .pagBtn:active {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .pagBody {
        width: 100%;
        height: 50pt;
        overflow-x: auto;
        white-space: nowrap;
        margin: 6pt 0;
    }
    .pagLinkBtn {
        display: inline-block;
        text-align: center;
        text-decoration: none;
        color: rgb(var(--white));
        font-size: 11pt;
        height: 50pt;
        line-height: 50pt;
        margin: 0;
    }
    .pagLinkBtn:first-child {
        margin-left: 0;
    }
    .pagLinkBtn:last-child {
        margin-right: 0;
    }
    .pagLinkBtn:hover:not(.pagSelected) {
        cursor: pointer;
        background: rgb(var(--main-6));
    }
    .pagSelected {
        background: rgba(var(--white), 0.3);
    }
    .pagRange {
        display: none;
        width: 100%;
    }
    .rangePag {
        width: 100%;
        -webkit-appearance: none;
        appearance: none;
        height: 2pt;
        background: rgb(var(--grey-4));
        outline: none;
    }
    .mobileText {
        display: initial;
    }
    .randBtn {
        display: block;
        width: 100%;
        padding: 10pt 0;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 12pt;
        color: rgb(var(--white));
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .randBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .randBtn:active {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .mobileText {
        display: none;
    }
}

@media only screen and (max-width:500px) {
    .postBlock {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 60pt 0;
    }
    .postBlock:first-child {
        margin-top: 0;
    }
    .postBlock:last-child {
        margin-bottom: 0;
    }
    .emptyPost {
        width: 100%;
        background-color: rgb(var(--main-1));
        padding: 8pt;
        text-align: center;
        font-size: 12pt;
        color: rgb(var(--white));
    }
    .postUser {
        display: none;
    }
    .userPhotoLink {
        width: 35pt;
        height: 35pt;
    }
    .userPhoto {
        width: 100%;
        height: 100%;
    }
    .userPhotoLink:hover {
        cursor: pointer;
        -webkit-filter: brightness(1.5);
        -moz-filter: brightness(1.5);
        filter: brightness(1.5);
    }
    .postContent {
        width: 100%;
        align-self: flex-start;
    }
    .contentHeader {
        width: 100%;
        background: rgb(var(--main-1));
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 8pt;
        margin-bottom: 8pt;
    }
    .contentTitle {
        width: calc(100% - 40pt);
        text-align: left;
    }
    .contentComments {
        width: 40pt;
        text-align: right;
        color: rgb(var(--white));
        font-size: 11pt;
    }
    .conTitle {
        text-decoration: none;
        font-size: 11pt;
        font-weight: bold;
        color: rgb(var(--white));
    }
    .contentDate {
        width: 100%;
        background: rgb(var(--main-1));
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 8pt;
    }
    .publishDate {
        width: 60%;
        text-align: left;
        color: rgb(var(--grey-6));
        font-size: 10pt;
        font-style: italic;
    }
    .userLink {
        text-decoration: none;
        color: rgb(var(--grey-6));
    }
    .userLink:hover {
        cursor: pointer;
        color: rgb(var(--main-10));
    }
    .postCat {
        width: 40%;
        text-align: right;
    }
    .pcat {
        text-decoration: none;
        font-size: 11pt;
        color: rgb(var(--white));
    }
    .pcat:hover {
        cursor: pointer;
        color: rgb(var(--main-10));
    }
    .contentDescription {
        width: 100%;
        background: rgb(var(--main-1));
        padding: 8pt;
        margin-top: 8pt;
        color: rgb(var(--white));
        text-align: left;
        font-size: 12pt;
    }
    .postSource {
        width: 100%;
        height: 20pt;
        line-height: 20pt;
        text-align: center;
        background: rgb(var(--main-1));
    }
    .sourceLink {
        text-decoration: none;
        font-size: 10pt;
        color: rgb(var(--grey-5));
    }
    .sourceLink:hover {
        cursor: pointer;
        color: rgb(var(--main-8));
    }
    .postTags {
        width: 100%;
        margin-top: 8pt;
        background: rgb(var(--main-1));
        padding: 8pt;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }
    .tagBtn {
        text-decoration: none;
        font-size: 11pt;
        color: rgb(var(--white));
        background: rgb(var(--main-2));
        padding: 4pt 10pt;
        margin: 4pt;
        -webkit-border-radius: 6pt;
        -moz-border-radius: 6pt;
        border-radius: 6pt;
    }
    .tagBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
    }
    .tagBtn:active {
        background: rgb(var(--main-4));
    }
    .postBtns {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        background: rgb(var(--main-1));
        margin-top: 8pt;
        padding: 5pt;
    }
    .postBtn {
        display: block;
        width: 35pt;
        height: 35pt;
        -webkit-border-radius: 5pt;
        -moz-border-radius: 5pt;
        border-radius: 5pt;
        text-align: center;
        line-height: 35pt;
    }
    .likePostBtn {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--main-1));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-1)) 0%, rgb(var(--main-2)) 100%);
    }
    .likePostBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .likePostBtn:active {
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .postLiked {
        background: rgb(var(--main-6));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-6)) 0%, rgb(var(--main-7)) 100%);
    }
    .postLiked:hover {
        background: rgb(var(--main-7));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
    }
    .postLiked:active {
        background: rgb(var(--main-7));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-7)) 0%, rgb(var(--main-8)) 100%);
    }
    .likes {
        font-size: 11pt;
        color: rgb(var(--white));
    }
    .shareBtn {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--grey-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--grey-3)) 0%, rgb(var(--grey-4)) 100%);
    }
    .shareBtn:hover {
        cursor: pointer;
        background: rgb(var(--grey-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
    }
    .shareBtn:active {
        background: rgb(var(--grey-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
        background: linear-gradient(180deg, rgb(var(--grey-4)) 0%, rgb(var(--grey-5)) 100%);
    }
    .favBtn {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--yel-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-3)) 0%, rgb(var(--yel-4)) 100%);
    }
    .favBtn:hover {
        cursor: pointer;
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
    }
    .favBtn:active {
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
    }
    .favSelected {
        background: rgb(var(--yel-8));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-8)) 0%, rgb(var(--yel-9)) 100%);
    }
    .favSelected:hover {
        background: rgb(var(--yel-9));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
    }
    .favSelected:active {
        background: rgb(var(--yel-9));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-9)) 0%, rgb(var(--yel-10)) 100%);
    }
    .postDownload {
        font-size: 20pt;
        color: rgb(var(--white));
        background: rgb(var(--red-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--red-2)) 0%, rgb(var(--red-3)) 100%);
    }
    .postDownload:hover {
        cursor: pointer;
        background: rgb(var(--red-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
    }
    .postDownload:active {
        background: rgb(var(--red-3));
        background: -webkit-linear-gradient(-90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--red-3)) 0%, rgb(var(--red-4)) 100%);
    }
    .post {
        width: 100%;
    }
    .postLink {
        display: block;
        width: 100%;
        text-decoration: none;
        border: none;
    }
    .postImg {
        width: 100%;
        height: auto;
    }
    .galeryLink {
        display: block;
        position: relative;
        width: 100%;
        text-decoration: none;
        border: none;
    }
    .galeryLink:not(.mainGalery):after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100pt;
        height: 100pt;
        background: rgba(var(--main-1), 0.5);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }
    .galeryImg {
        width: 100%;
        height: auto;
    }
    .galeryMore {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        font-size: 32pt;
        font-weight: bold;
        color: rgb(var(--white));
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2;
    }
    .pagination {
        width: 100%;
    }
    .pagHeader {
        width: 100%;
        height: 30pt;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    .pagBtn {
        flex-grow: 1;
        text-align: center;
        text-decoration: none;
        color: rgb(var(--white));
        font-size: 12pt;
        height: 30pt;
        line-height: 30pt;
        margin: 0 5pt;
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .pagBtn:first-child {
        margin-left: 0;
    }
    .pagBtn:last-child {
        margin-right: 0;
    }
    .pagBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .pagBtn:active {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .pagBody {
        width: 100%;
        height: 50pt;
        overflow-x: auto;
        white-space: nowrap;
        margin: 6pt 0;
    }
    .pagLinkBtn {
        display: inline-block;
        text-align: center;
        text-decoration: none;
        color: rgb(var(--white));
        font-size: 11pt;
        height: 50pt;
        line-height: 50pt;
        margin: 0;
    }
    .pagLinkBtn:first-child {
        margin-left: 0;
    }
    .pagLinkBtn:last-child {
        margin-right: 0;
    }
    .pagLinkBtn:hover:not(.pagSelected) {
        cursor: pointer;
        background: rgb(var(--main-6));
    }
    .pagSelected {
        background: rgba(var(--white), 0.3);
    }
    .pagRange {
        display: none;
        width: 100%;
    }
    .rangePag {
        width: 100%;
        -webkit-appearance: none;
        appearance: none;
        height: 2pt;
        background: rgb(var(--grey-4));
        outline: none;
    }
    .mobileText {
        display: initial;
    }
    .randBtn {
        display: block;
        width: 100%;
        padding: 10pt 0;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 12pt;
        color: rgb(var(--white));
        background: rgb(var(--main-2));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-2)) 0%, rgb(var(--main-3)) 100%);
    }
    .randBtn:hover {
        cursor: pointer;
        background: rgb(var(--main-3));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .randBtn:active {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-3)) 0%, rgb(var(--main-4)) 100%);
    }
    .mobileText {
        display: none;
    }
}

@-webkit-keyframes light {
    100% {
        transform: translate3d(50%, 50%, 0);
    }
}
  
@keyframes light {
    100% {
      transform: translate3d(50%, 50%, 0);
    }
}