/*---- Layout ----*/
.mr_mob_s{
    display: block!important;
    position: fixed;
    background: #EEEEEE;
    position: fixed;
    top: 70px;
    padding: 3px 15px;
}

/* ---- Idx ---- */
.nav-link{
    margin-left: 15px;
}
.nav-link:hover:before {
    width: 0%;
}
.navbar{
    box-shadow: 3px 3px 3px #aaaaaa;
}
#idx_head_title{
    margin-top: 20px;
    text-align: center;
}
#idx_head_invite{
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#idx_tasks_grid{
    width: 100%;
    flex: 100%;
    max-width: 100%;
    margin-left: 0px;
}
#idx_tasks_grid ul{
    margin: 0px;
    padding: 0px;
}
.idx_tasks_img{
    width: 100%;
    flex: 100%;
    max-width: 100%;
}
.idx_tasks_img img{
    width: 30%!important;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.idx_tasks_text{
    width: 100%;
    flex: 100%;
    max-width: 100%;
    margin-top: 20px;
}
#app_img1{
    width: 100%;
    flex: auto;
    max-width: 100%;
}
.rev_text{
    margin-top: 20px;
}

/* ---- Article ---- */
#article_section {
    padding: 0 0 0 0;
}
#article_section #about_title{
    font-size: 1.5rem;
}
#article_section .body{
    margin-top: 20px;
}
#article_section .article-author{
    width: unset;
    display: block;
}
#article_section .avatar{
    margin: 0 auto 15px auto!important;
}


/* ---- Articles ---- */
.article_items .article_item{
    width: 100%;
    padding-bottom: 30px;
}
.article_items .article_item .image img {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.article_items .article_item .author{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}
.article_items .article_item{
    text-align: center;
}
.article_items .article_item h2 {
    font-size: 20px;
}