#article-thumb img{
    width:300px;
    border-radius:5px;
    position: relative;
    z-index: 1;
}
#article-thumb a{
    position: absolute;
    background-color: #ffd7b3;
    padding: 3px;
    color: #000000;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 5px;
    border-radius: 5px;
    text-decoration:none;
    z-index: 2;
}
#article-thumb a:hover{
    background-color:#a36021;
    color:#ffffff;
    transition:0.2s;
}
.readmore a{
    color: #a36021;
    font-weight: bold;
    text-decoration: none;
}
.readmore a:hover{
    color:#000000;
    text-decoration: none;
}
#advertisment-article{
    background-color: #851313;
    width: 100%;
    height: 600px;
    position: sticky;
}
/*artikel populer side*/
.article-thumbpop img{
    width:300px;
    border-radius:5px;
    position: relative;
    z-index: 1;
}
.article-thumbpop a{
    position: absolute;
    background-color: #ffd7b3;
    padding: 3px;
    color: #000000;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 5px;
    border-radius: 5px;
    text-decoration:none;
    z-index: 2;
}
.article-thumbpop a:hover{
    background-color:#a36021;
    color:#ffffff;
    transition:0.2s;
}
@media screen and (max-width: 1200px){
    #article-thumb img{
        width: 230px;
    }
}
@media screen and (max-width: 1000px){
    #article-thumb img{
        width: 100%;
    }
}