@media (max-width: 575.97px) {
    #hero, #hero_chk, #hero_split_img {
        height: 300px !important;
    }
    .social {
        display: none !important;
    }
    .hero_banner {
        padding: 16px 0px !important;
    }
    #hero_chk_content {
        padding: 0px 16px !important;
    }
    .hero_split_txt {
        padding: 16px 16px !important;
        height: 300px !important;
    }
    .display-18 {
        font-size: 12px;
    }
    .display-36 {
        font-size: 21px;
    }
    #article_main, #article_sub .col, #latest_articles {
        padding: 0px 16px !important;
        box-sizing: border-box;
    }
    #article_main > * {
        align-items: start !important;
        text-align: left !important;
    }
    #article_sub {
        gap: 40px !important;
    }
    #article_sub figure {
        padding: 0px 0px !important;
    }
    .order {
        order: unset !important;;
    }
    /* 
    .item, .item-1, .item-2, .item-3, .item-17 {
        flex: 1 1 100% !important; breaks NAV 
        align-items: start !important;
        text-align: left !important;
    }
    */
    #article_sub .item-2, #product .item-3, footer .item-17, #hero_split .item-1 {
        flex: 1 1 100% !important;
        align-items: start !important;
        text-align: left !important;
    }
    .gap-32 {
        gap: 16px !important;
    }
    #latest_articles .col.gap-16, .gap-48, .gap-64 {
        gap: 32px !important;
    }
    #product, #newsletter, #footer {
        padding: 48px 16px !important;
    }
    #newsletter .display {
        font-size: 34px !important;
        line-height: 38px !important;
    }
    #newsletter form {
        text-align: center;
    }
    #newsletter input[type=submit], input[type=email] {
        border-radius: 2px !important;
        margin: 0px !important;
    }
    #newsletter input[type=submit] {
        width: 329px;
        margin-top: 8px !important;
    }
    header .space-between {
        justify-content: center !important;
        gap: 16px;
    }

    .burger {
        width: 32px;
        padding: 4px 4px 0px;
        margin-right: -11px;
        display: block !important;
        z-index: 1;
    }
    .burger input {
        display: block;
        width: 32px;
        height: 32px;
        padding: 4px 4px 0px;
        cursor: pointer;
        position: absolute;
        opacity: 0; /* hide this */
        z-index: 2
    }
    .burger span {
        display: block;
        width: 100%;
        height: 4px;
        margin-bottom: 6px;
        position: relative;
        background: #292929;
        border-radius: 2px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  opacity 0.55s ease;
    }
    .burger span:first-child {
        transform-origin: 0% 0%;
    }
    .burger span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }
    .burger input:checked ~ span {
        opacity: 1;
        transform: rotate(-45deg) translate(1px, -4px);
        
      }
    .burger input:checked ~ span:nth-last-child(2) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }
    .burger input:checked ~ span:nth-last-child(3) {
        opacity: 1;
        transform: rotate(45deg) translate(0px, -1px);
    }
    aside {
        display: none !important;
    }
    #article, #generic {
        padding: 0px 16px !important;
        box-sizing: border-box;
    }
    .hero_banner_article {
        align-items: center !important;
    }
    #article_nav {
        padding: 16px 16px !important;
        box-sizing: border-box;
        font-size: 14px !important;
    }
    #article_nav .display-21 {
        font-size: 14px !important;
        line-height: 14px !important;
    }
    #article_nav img {
        width: 24px !important;
    }
}