@media (min-width: 480px) and (max-width: 860px) {


    :root {

        /* container width */
        --normal-container-width: calc(100vw - 48px);
        --normal-container-width-max: calc(100vw - 48px);

        --wide-container-width: 1728px;
        --wide-container-width-max: 1728px;

        --full-container-width: 100%;
        --full-container-max-width: 100%;

        --narrow-container-width: calc(100vw - 48px);
        --narrow-container-max-width: calc(100vw - 48px);

        /* spacing */
        --spacing-xxl: 72px;
        --spacing-xl: 36px;
        --spacing-l: 24px;
        --spacing-ml: 24px;
        --spacing-m: 12px;
        --spacing-s: 12px;
        --spacing-xs: 6px;


        /* font-sizes */
        --copy-large-font-size: 18px;
        --copy-large-font-line-height: 30px;

        --copy-small-font-size: 14px;
        --copy-small-font-line-height: 28px;

        --headline-h1-font-size: 37px;
        --headline-h1-line-height: 41px;

        --headline-h2-font-size: 33px;
        --headline-h2-line-height: 36px;

        --headline-h3-font-size: 21px;
        --headline-h3-line-height: 23px;

        --headline-h4-font-size: 20px;
        --headline-h4-line-height: 28px;

        --headline-h5-font-size: 18px;
        --headline-h5-line-height: 25px;

        --navigation-header-font-size: 24px;
        --navigation-header-line-height: 34px;

        --navigation-footer-font-size: 18px;
        --navigation-footer-line-height: 24px;

        --button-font-size: 18px;
        --button-line-height: 22px;

        --price-font-size: 16px;
        --price-line-height: 24px;

        --quote-font-size: 30px;
        --quote-line-height: 49px;

        --checkout-label-font-size: 14px;
        --checkout-label-line-height: 18px;
        --checkout-label-padding: 12px;


        /* LOGO spacing */
        --logo-right-spacing: 48px;
        --header-navigation-horizontal-spacing: 72px;
        --header-navigation-item-spacing: 48px;

        /* swiper */
        --swiper-navigation-next-offset: 60px;
        --swiper-navigation-prev-offset: 30px;
        --swiper-navigation-dimensions: 110px;
        --swiper-navigation-icon-height: 52px;
        --swiper-navigation-icon-width: 34px;

        --form-element-padding: 12px 24px;

    }

    /*.narrow-container.block-type-text{*/
    /*    width: calc(100vw - 322px);*/
    /*}*/

    .block-type-text p{
        font-size: 14px;
        line-height: 28px;
    }

    main.content-with-header-default {
        margin-top: 129px;
    }

}
@media (min-width: 860px) and (max-width: 1100px) {
    :root {

        /* font-sizes */
        --copy-large-font-size: clamp(1.125rem, 0.229rem + 1.667vw, 1.375rem);
        --copy-large-font-line-height: clamp(1.875rem, 0.755rem + 2.083vw, 2.188rem);

        --copy-small-font-size: clamp(0.875rem, -0.021rem + 1.667vw, 1.125rem);
        --copy-small-font-line-height: clamp(1.75rem, 0.406rem + 2.5vw, 2.125rem);

        --headline-h1-font-size: clamp(2.313rem, -3.734rem + 11.25vw, 4rem);
        --headline-h1-line-height: clamp(2.563rem, -4.38rem + 12.917vw, 4.5rem);

        --headline-h2-font-size: clamp(2.063rem, -1.297rem + 6.25vw, 3rem);
        --headline-h2-line-height: clamp(2.25rem, -1.781rem + 7.5vw, 3.375rem);

        --headline-h3-font-size: clamp(1.313rem, -0.703rem + 3.75vw, 1.875rem);
        --headline-h3-line-height: clamp(1.438rem, -2.37rem + 7.083vw, 2.5rem);

        --headline-h4-font-size: clamp(1.25rem, -0.99rem + 4.167vw, 1.875rem);
        --headline-h4-line-height: clamp(1.75rem, -0.938rem + 5vw, 2.5rem);




    }


}