@media (max-width:1240px) {

    .sidebar-container{ max-width: 330px}

    .blog-index .blog-row{gap:28px;}
    .blog-index .blog-row .img-container{max-width: 260px;}
    .blog-index .blog-row .border-button{margin: 2px 0 0 0;}
}

@media (max-width:1080px) {
    nav.desktop > a {margin: 0  0 0 10px;}
    .article-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px;}

    .blog-index .blog-row{gap:20px;}
    .blog-index .blog-row .img-container{max-width: 210px;}
}

@media (max-width:980px) {
    /* === HEADER === */
    .main-header{ padding-top: 7px; padding-bottom: 7px;}
    .main-header .logo{width: 85px;}
    nav.desktop > a{display:none;}
    .hamburger-menu{display:flex;}

    .cms-right-sidebar, .cms-left-sidebar{flex-direction:column;}
    .cms-right-sidebar .main-container{margin:0 0 10px 0;}
    .sidebar-container{max-width:100%;}
    .sidebar-container .share-block{flex-direction: column; padding: 12px 10px 15px 10px; border-radius:8px;}
    .sidebar-container .share-block p{margin: 0 0 7px 0; font-weight: 500; font-size: 1.1rem;}
}

@media (max-width:820px) {

    .splt-section.about{flex-direction:column;}
    .splt-section.about .text-container{flex:1;max-width:100%;}
    .splt-section.about .border-button{margin-top:20px;}
    .splt-section.about img{max-width:100%;}
}

@media (max-width:740px) {
    h1{font-size: 2rem; line-height: 2.5rem;}
    h2{font-size: 1.7rem; line-height: 2.25rem;}
    h3{font-size: 1.5rem; line-height: 2.1rem; }
    h4{font-size: 1.3rem; line-height: 1.7rem; }
    h5{font-size: 1.15rem; line-height: 1.5rem; }

    .banner-wrapper.homepage { min-height: 460px;}
    .banner-content-text h1{ font-size: 2.8rem; line-height: 3.25rem;}
    .banner-content-text h1, .banner-content-text h2{margin: 0 0 10px 0;}

    .split-article-container{flex-wrap: wrap;}
    .split-article-container .text-container, .split-article-container .img-container{flex: none;}
    .split-article-container .text-container{width:100%; order:2; padding: 20px 30px 35px 30px;}
    .split-article-container .img-container{width:100%; order:1;}
    .split-article-container .text-container .tagline{margin: 0 0 7px 0;}
    .split-article-container .text-container .title{margin: 0 0 15px 0; font-size: 1.4rem; line-height: 2rem;}

    .article-grid{display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0px;}
    .article-grid .article-card { padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px solid #dddddd;}
    .article-card .img-container{ height:auto;}
    .article-card .content .title{font-size: 1.25rem; line-height: 1.95rem;}

    .news-article-entry.site-wrapper{padding-top:25px;}

    .quote-container .quote{font-size: 1.6rem; line-height: 2.3rem;}
    .about-heading{line-height: 2.3rem; font-size: 1.6rem;}

    .blog-article h1{ font-size: 1.6rem; line-height: 2.15rem;}
    .blog-article h2{ font-size: 1.45rem; line-height: 2.15rem;}
    .blog-article h3{font-size: 1.35rem; line-height: 2.1rem;}

}

@media (max-width:600px) {
    .banner-wrapper.homepage { min-height: 420px;}
    .banner-content-text h1{ font-size: 2.5rem;  line-height: 3rem;}

    .cat-tile, .slick-slide.cat-tile{margin:0 5px;}

    .blog-index .blog-row {flex-direction:column; gap: 15px; padding: 0 0 30px 0; margin: 0 0 30px 0;}
    .blog-index .blog-row .img-container{max-width: 100%;}
    .blog-index .blog-row .content{ padding: 0 5px;}
    .blog-index .blog-row .border-button{ margin: 2px 0 0 6px;}

    

}
