@media (max-width: 768px) {
    .hide-for-mobile {
        display: none !important;
    }

    .hero-bento {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .mobile-row {
        display: flex;
        flex-direction: row !important;
        gap: 1rem;

        .mobile-flex-1 {
            flex: 1 !important;
            margin-top: 0 !important;
        }

        .mobile-flex-2 {
            flex: 2 !important;
            margin-top: 0 !important;
        }
    }

    .bento-image {
        width: 50px !important;
    }

    .reverse-on-mobile {
        flex-direction: column-reverse !important;
    }

    .no-background-on-mobile .cbb-bg-image {
        background-image: none !important;
    }
}

@media (min-width: 769px) {
    .show-for-mobile {
        display: none !important;
    }

    .flex-fill-rest {
        flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
    }
}

@media (max-width: 1320px) and (min-width: 780px) {
    .footer-columns {
        flex-direction: column !important;
    }
}