
/*  ----------  FLAGS  ----------  */
#flags-wrapper{
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
    margin-top: -15px;
}

#flags-wrapper a.flag {
    width: 40px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #ccc;
    margin: 0 0.2em;
}

#article-wrapper .content.rtl {
    direction: rtl;
}

.flags-on-mobile{
    display: none;
    width: 320px;
    margin: 0 auto;
}


@media (max-width: 970px){
    .flags-on-mobile{
        display: block;
    }

    .landing.column.col-sidebar #flags-wrapper{
        display: none;
    }
}

@media (max-width: 750px){
    .flags-on-mobile{
        margin: 50px auto -10px;
    }
}