.content{
    display:flex;
}  
    
    .articles{
        height:auto;
        margin:0;
        padding-right:2em;
        box-sizing: border-box;
        flex-basis: 75%;
        flex-shrink: 1;
        flex-grow: 1; /*этот параметр может потребоваться*/
        max-width: calc(75%);
    }

        .noarticles{
            font-size:1.17em;
            font-weight:500;
            color:var(--gray);
        }

        .article{
            border-bottom:1px solid var(--light-gray);
            padding:0 12px 12px 0;
            margin-bottom:12px;
            height:auto;
            box-sizing:border-box;
            overflow:hidden;
            /* width: calc(100% - 1.6em); */
            width: calc(100%);
            display:flex;
            flex-direction:row;
            flex-wrap:nowrap;
        }

        .article:first-child{
            border-top:1px solid var(--light-gray);
            padding-top:12px;
        }

        .article:last-child{
            margin-bottom:0;
        }
        
        .articles a{
            text-decoration:none;
        }

            .articles-first-col{
                flex-basis:30%;
                flex-grow:0;
                box-sizing:inherit;

            }

            .articles-first-col:empty{
                flex-basis: 0;
            }

                .articles-img{
                    /* width:200px; */
                    width:100%;
                    height:150px;
                    /* height:160px; */
                    /* margin:0 0.5em 0 0; */
                    margin:0;
                    /* float:left; */
                    /* float:right; */
                    object-fit:cover;
                }

            .articles-second-col{
                flex-basis:70%;
                flex-grow: 1;
                box-sizing:inherit;
                margin-left:8px;
            }

                
                .articles-header{
                    margin:0 0 4px 0;
                    color:var(--deep-gray);
                    font-size:1.17em;
                    font-weight:500;
                }

                    .articles-header a{
                        color:inherit;
                    }

                .articles-header:hover{
                    cursor:pointer;
                    text-decoration: underline;
                }

                .articles-date{
                    display:inline-block;
                    font-size:0.7em;
                    color:#ffffff;
                    background:var(--deep-orange);
                    padding:0.2em 0.3em;
                    margin-bottom:0.2em;
                    text-align: center;
                    font-family: 'Exo 2', sans-serif;
                    margin-bottom: 4px;
                }            

                .articles-text{
                    font-size:11pt;
                    word-spacing: 8px;
                    text-align: left;
                }

                .comments-amount, .reply-button{
                    display:block;
                    float:right;
                    color:var(--light-gray);
                    font-size:16px;
                    margin-top: 15px;
                    margin-right:10px;
                }

                .comments-amount:hover, .reply-button:hover{
                    color:var(--gray);
                    text-decoration: underline;
                    cursor:pointer;
                }

                    .comments-icon{
                        display:inline-block;
                        width:14px;
                        height:14px;
                        margin-right: 2px;;
                        background: url('../img/comment.svg') center no-repeat;
                        background-size: contain;
                        background-color: rgba(255, 255, 255, 0);
                    }

                    .comments-amount:hover .comments-icon{
                        background-image: url('../img/comment-hover.svg');
                    }

                .read-more-btn{
                    float:right;
                    margin-top:7px;
                    display:block;
                    padding:8px 15px;
                    border:2px solid #F2994A;
                    border-radius:3px;
                    background-color:#fff;
                    color:#F2994A;
                    text-align: center;
                    text-transform: uppercase;
                    font-size:12px;
                    font-stretch:expanded;
                    font-weight:600;
                    font-family: 'Exo 2', sans-serif;
                    letter-spacing:0.08em;
                    transition-property: color, background-color;
                    transition-duration:0.3s;
                }

                .read-more-btn:hover{
                    cursor:pointer;
                    color:#fff;
                    background-color:#F2994A;
                }

                

    .sidebar{
        min-width:var(--aside-min-width);
        height:100%;
        margin:0;
        flex-basis:25%;
        flex-shrink: 0;
        flex-grow:0;
    }

        .sidebar-elem{
            margin:15px 0;
            width:100%;
        }

            .calendar{
                border:none;
                width:100%;
            }

    /* для десктопов */
    @media (max-width:1100px){
        /* раздел со статьями */
        /* .articles{
            padding-right:0;
        } */

                .articles-img{
                    height:140px;
                }
    }

    /* для планшетов альбомной ориентации */
    @media (max-width:960px){

        .articles{
            max-width:unset;
            padding-right:0;
        }

            .article{
                padding-right:0;
            }

                .read-more-btn{
                    padding: 6px 9px;
                }

                .comments-amount{
                    margin-top: 13px;
                }

        .sidebar{
            /* flex-grow: 0; */
            display:none;
        }
    }

    /* для планшетов портретной ориентации */
    @media (max-width:760px){
        .articles-img{
            height:125px;
        }
    }

    /* для смартфонов альбомной ориентации */
    @media (max-width:660px){
        .article{
            flex-wrap:wrap;
        }

            .articles-first-col{
                flex-basis:100%;
            }

                .articles-img{
                    height:210px;
                }

                

            .articles-second-col{
                flex-basis:100%;
                margin-left:0;
            }
            
                .articles-header{
                        margin-bottom: 0;
                }

                .read-more-btn{
                    padding: 6px 5px;
                    font-size: 11px;
                }
    }

    @media (max-width:510px){
        .articles-img{
            height:160px;
        }

        /* .articles-date{
            margin-top: 3px;
        } */
    }