html * {
        -webkit-tap-highlight-color: transparent; 
        -webkit-focus-ring-color: transparent;Ï
    }


    html,
    body {
        font-size: calc((100 / 1440) * 1vw);
        background-color: f9f9f9;
    }
    
    

    @media screen and (max-width: 1023.9px) {
        html,
        body  {
            font-size: calc((100 / 768) * 1vw);
        }
        
        /*:root {*/
        /*    --myzoom: calc(100vw / 768px);*/
        /*}*/
    }

    @media screen and (max-width: 767.9px) {
        html,
        body  {
            font-size: calc((100 / 375) * 1vw);
            --padding-section-rem: 12rem;
        }
        
        /*:root {*/
        /*    --myzoom: calc(100vw / 375px);*/
        /*}*/
    }
    

    .my-zoom {
        transform: scale(var(--myzoom));
        transform-origin: 0 0;
        width: calc(100% / var(--myzoom));
        
        will-change: transform;
    }