@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@500&display=swap');

body{
    font-family: 'Montserrat', serif !important; 
    font-size: 14px;
}
.news-block{
    width: 100%;
    background: #EBF3EB;
    height: auto;
    padding-top: 80px;
}
.news-card{
    background: #fff; 
    width: 70%;
    height: auto; 
    margin: auto;
}
.news-logo-img{
    width: 15%;
    height: 25;
    margin: auto;
    padding: 4% 2% 2% 4%;
}
.date-bar{
    margin: auto;
    padding-left: 10%; 
    width: 100%; 
    height: 30px;
    background-color: #c4a6c4;
}
.main_news{
    width: 75%;
}
.img-part{
    margin: auto; 
    text-align :center; 
    padding: 4% 0 4% 0;
}
.related_news{
    width: 23%;
    overflow: scroll;
    height: 900px;
    margin-top: 50px;
}
.related_news p{
    padding-left: 10%;
    margin: auto;  
    width: 100%; 
    height: 30px;
}

@media (min-width: 1600px) and (max-width: 1800px){
  
}

@media (min-width: 1400px) and (max-width: 1599px){

}

@media (min-width: 1200px) and (max-width: 1399px){

}

@media (min-width: 992px) and (max-width: 1199px){

}

@media(min-width: 768px) and (max-width: 991px){

}

@media (min-width: 576px) and  (max-width: 767px){
    .news-block .col-6{
        width: 100%;
    }
    .news-logo-img{
        width: 30%;
    }
    .main_news{
        width: 100%!important;
    }
    .related_news{
        width: 75% !important;
        margin: auto;
        height: 500px;
    }
}

@media (min-width: 420px) and (max-width: 575px){
    .news-block .col-6{
        width: 100%;
    }
    .news-logo-img{
        width: 30%;
    }
    .main_news{
        width: 100%!important;
    }
    .related_news{
        width: 75% !important;
        margin: auto;
        height: 500px;
    }
}

@media (min-width: 350px) and (max-width: 419px){
    .news-block .col-6{
        width: 100%;
    }
    .news-logo-img{
        width: 30%;
    }
    .img-part img{
        margin: auto;
    }
    .main_news{
        width: 100%!important;
    }
    .related_news{
        width: 75% !important;
        margin: auto;
        height: 500px;
    }
}

@media (min-width: 330px) and (max-width: 349px){
    .news-block .col-6{
        width: 100%;
    }
    .news-logo-img{
        width: 35%;
    }
    .main_news{
        width: 100%;
    }
    .related_news{
        width: 75% !important;
        margin: auto;
        height: 500px;
    }
}
@media (min-width: 180px) and (max-width: 329px){
    .main_news{
        width: 100%!important;
    }
    .news-logo-img{
        width: 35%;
    }
    .related_news{
        width: 75% !important;
        margin: auto;
        height: 500px;
    }
}