.art-author {
    margin-left: auto;
}
.row > .name {
    font-style: italic;
}
.art-btn-wrap > .art-date {
    font-size: 16px;
}
.text-wrapper > .text {
    margin-right: 8px;
}
.art-author > .text-wrapper {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}
.art-btn-wrap > .icons-footer {
    align-content: flex-end;
}
.art-icon {
    width: 30px;
}
.h-75 {
    height: 75px;
}
@media screen and (min-width: 375px) and (max-width: 425px) {
    .art-thumbnail {
        height: 135px;
    }
}
@media screen and (min-width: 500px) and (max-width: 600px) {
    .content > .col {
        align-items: center;
    }
    .content-sub-wrap {
        width: 400px;
    }
    .art-text {
        font-size: 18px;
    }
}
@media screen and (min-width: 767px) and (max-width: 1023px)  {
    .content > .col {
        align-items: center;
        font-size: 21px;
        line-height: 1.58;
    }
    .content-sub-wrap {
        max-width: 540px;
    }
    .art-thumbnail {
        height: 175px;
    }
    .art-title {
        font-size: 22px;
        font-weight: bolder;
    }
    .art-text {
        font-size: 18px;
    }
}
@media screen and (min-width: 1023px) {
    .content > .col {
        font-size: 22px;
        align-items: center;
        line-height: 1.58;
    }
    .content-sub-wrap {
        max-width: 750px;
    }
    .art-thumbnail {
        height: 195px;
    }
    .art-title {
        font-size: 22px;
        font-weight: bolder;
    }
    .art-text {
        font-size: 18px;
    }
}