.segment-bar{justify-content:center;margin:0 auto;padding:0}
.bar{flex-grow:1;flex-shrink:1;flex-basis:0;min-width:0}
.bar.red{background:#E2000F}
.bar.black{background:#262626}
.bar.grey{background:#656565}
.cms-container{width:100%;margin: auto}
.blog-title{background:var(--white)}
.blogBtn{font:var(--fw-r) 22px var(--geologica);text-decoration:underline;color:#262626;background:var(--white)}
.blogBtn a{font:var(--fw-r) 22px var(--geologica);color:var(--black)}
.blog-list{width:100%;}
.blog-list > li{display:flex;}
.blog-img{position:relative;z-index:-2}
.blog-img picture{padding-bottom:var(--pb-blog-fp);display:block}
.blog-txt{flex-direction:column;height:100%;justify-content:flex-start;position:relative;width:100%}
.blog-txt .date{width:fit-content;padding:10px 25px;background:#D7D7D7;color:var(--black);border-radius:30px;font:var(--fw-m) 16px var(--geologica)}
.blog-txt .title{color:#000;font:var(--fw-r) 18px var(--geologica);margin-top:20px}
.blog-txt .read-moreBtn{margin-top:auto}
.read-moreBtn a {background:var(--black);color:var(--white);font:var(--fw-m) 15px var(--geologica);text-align: center;}

@media (min-width: 1200px){
    .segment-bar{gap:5px;max-width:780px;margin-top: 1.302vw;}
    .bar{height:6px;}
    .bar-1{flex-grow:38.5}
    .bar-2{flex-grow:17.9}
    .bar-3{flex-grow:7.7}
    .bar-4{flex-grow:25.6}
    .bar-5{flex-grow:7.7}

    .cms-container{margin-top:4.167vw;max-width:calc(100% - 10.417vw);padding-bottom: calc(3.125vw + 1.563vw);}
    .blog-list{margin-top:3.125vw;gap:6.25vw 2%}
    .blog-list > li{width:49%;margin: 0;}
    .blog-item.special{width: 100%;max-width: 1340px;  margin: 0 auto !important;}
    .blog-item.special + li {clear: both;}
    .blog-img{width:53%;}
    .blog-txt{padding:30px 30px 0 0;}
    .blog-txt:before{content:'';position:absolute;bottom:0;height:100%;background:#F8F8F8;z-index:-1;left:-1.563vw;top:2.083vw;width:calc(100% + 1.563vw);}
    .read-moreBtn a{padding:0.781vw 1.302vw;max-width:240px;width:85%;margin-top:2.083vw;}
    .blog-txt .date{margin-top:2.083vw;}
    .blog-txt .title{margin-top:1.042vw}
    .blog-txt-container{width:47%}
    .blog-item:hover .read-moreBtn a{background:#E1000F}
    .blog-item:hover .date{background-color:#262626;color:var(--white)}

}

@media (max-width: 1199px){
    .segment-bar{gap:3px;max-width:375px;margin-top: 1.302vw;}
    .bar {flex: 0 0 auto; height: 4px; }
    .bar-1 { width: 55px; }
    .bar-2 { width: 90px; }
    .bar-3 { width: 40px; }
    .bar-4 { width: 40px; }
    .bar-5 { width: 40px; }
    .blog-txt{background: #F8F8F8}
    .blog-list > li{flex-direction:column;}
}

@media (max-width: 1199px) and (min-width: 765px){
    .cms-container{max-width:calc(100% - 9.766vw);margin-top:3.906vw}
    .blog-list{margin-top:3.906vw;gap:3.906vw 2%}
    .blog-list > li{width:49%;position:relative;}
    .blog-item.special{width: 100%;max-width: 80%;margin: 0 auto!important;}
    .blog-img{width:90%}
    .blog-txt-container{width:80%;margin-left: auto;margin-top:-3.906vw;height: 100%;}
    .blog-txt{padding: 25px;}
    .blog-txt .title{margin-top: 10px;}
    .read-moreBtn a {margin-top: 30px;padding: 15px;}
}

@media (max-width: 764px){
    .cms-container{margin-top: 3.125vw;max-width: calc(100% - 4.167vw);}
    .blog-list > li {width: 100%;margin-top:4.167vw;}
    .blog-img {width: 100%;}
    .blog-txt {padding: 20px;}
    .blog-txt .title {font-size: 16px;}
    .blogBtn{margin: 20px auto 0;}
    .read-moreBtn a {margin-top: 5.208vw;width: 85%;max-width: 240px;padding: 10px 20px;}
}