.div-one-article {
    display:flex;
    width:90%;
    margin-top:20px;
    cursor:pointer;
    /*background-color: white;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));*/
}

.div-article-thumbnail {
/*    width:25%;*/
    /*flex-shrink: 0;
    background-size:cover;
    background-position: center;
    overflow: hidden;*/
}

.img-article {
    width:150px;
/*    border-radius: 10px;*/
    /*border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;*/
}

.div-article-content {
    padding:0px 15px;
}

#div-article-list {
    display:flex;
    align-items: center;
    flex-direction: column;

}



.span-article-title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
    color:#525252;
}
.span-article-info {
    font-size: 0.9em;
    color:#525252;
}

.page-heading {
/*    background-image: url('https://www.transparentpng.com/thumb/pattern/p3NBVZ-data-security-and-privacy-software-services-safe-data.png');*/
}


/*xs : smartphone portrait*/
@media (max-width:576px) { 

    .navbar-brand {
        margin-left:0px;
    }

    .img-article {
        width: 100%;
        margin:auto;
        /*border-radius: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;*/
    }

    .div-one-article {
        flex-wrap: wrap;
        margin-bottom:20px;
    }

    .div-article-thumbnail {
        width:100%;
    }
}

/*sm and md: smartphone landscape and tablet*/
@media (min-width:577px) and (max-width: 992px) { 

    .navbar-brand {
        margin-left:30px;
    }

}

/*lg : pc*/
@media (min-width:993px) {

    .navbar-brand {
        margin-left:30px;
    }

}