@media (max-width: 880px) {
    #sidebar {
        flex-shrink: unset;
    }
}

@media (max-width: 720px) {
    html {
        --size-text: 14px;
    }

    #mainbar .block-system-branding-block {
        display: block;
    }
    #sidebar header {
        display: none;
    }
    #sidebar nav .menu {
        font-size: var(--size-text-big);
    }
    #sidebar {
        z-index: 99;
        width: 220px;
        margin-left: -220px;
        position: fixed;
        background: var(--color-lightest);
        border-right: 1px solid var(--color-complimentary);
        transition: all 0.5s;
        top: 0;
        bottom: 0;
    }
    .sidebar-block {
        overflow: auto;
    }
    #sidebar.menu-open {
        margin-left: 0;
    }
    .hamburger-controls {
        display: block;
    }

    .block-zde-weeklymenu h1,
    .block-zde-weeklymenu h2,
    #block-tele-page-title,
    .order-day, .cart-form, .layout-checkout-form,
    .zde-weeklymenu-confirm-form .form-actions,
    .node--type-page {
        padding-left: var(--size-double); 
    }
}

@media (max-width: 600px) {
    .block-inline-blockcontact .block__content {
        flex-direction: column;
    }
    .block-commerce-checkout-progress .checkout-progress--step {
        font-size: var(--size-text-medium);
    }
}

@media (max-width: 520px) {
    .block-zde-weeklymenu h1,
    .block-zde-weeklymenu h2,
    #block-tele-page-title,
    .order-day, .cart-form, .layout-checkout-form,
    .zde-weeklymenu-confirm-form .form-actions,
    .node--type-page {
        padding-left: var(--size-single);
        padding-right: var(--size-single);
    }
}

@media (max-width: 440px) {
    html {
        --size-text: 12px;
    }
    .field--name-field-pictures .field__item {
        max-width: 50%;
    }
    .block-commerce-checkout-progress .checkout-progress {
        flex-direction: column;
    }
}

@media (max-width: 300px) {
    .footer-colums {
        flex-direction: column;
    }
}