/* Style the links of data */
:root {
    --font-size: 0.77vw;
    --font-size-tags: 0.67vw;
    --font-size-context: 0.62vw;
    --font-size-button: 0.77vw;
    --font-size-h1: 1.3vw;
    --font-size-h2: 1.2vw;
    --font-size-h3: 1.1vw;
    --font-size-h4: 1.05vw;
    --font-size-h5: 1.0vw;
    --font-size-h6: 0.9vw;
    --font-size-link: 0.9vw;
    --font-flaceholder: 0.67vw;
    --icon-button-size: 1.1vw;
    --icon-button-size-options: 1.3vw;
    --icon-view-size: 2.0vw;
    --icon-company-size: 3.0vw;
    --icon-loading-size: 4vw;
    --icon-loading-big-size: 8vw;
    --size-02: 0.2vw;
    --size-03: 0.3vw;
    --size-04: 0.4vw;
    --size-05: 0.5vw;
    --size-07: 0.7vw;
    --size-16: 1.6vw;
    --size-17: 1.7vw;
    --size-18: 1.8vw;
    --size-19: 1.9vw;
    --size-20: 2.0vw;
    --size-26: 2.6vw;
    --size-27: 2.7vw;
    --size-28: 2.8vw;
    --size-1: 1vw;
    --size-3: 3vw;
    --size-4: 4vw;
    --size-7: 7vw;
    --size-10: 10vw;
    --size-120: 12vw;
    --size-170: 17vw;
    --button-size-menu-init: 3.5vw;
}

/* Multiplier 3.0 */
@media screen and (max-width: 900px){
    :root {
        --multiplier-notepad: 3;

        --font-size: calc(0.77vw * var(--multiplier-notepad));
        --font-size-tags: calc(0.67vw * var(--multiplier-notepad));
        --font-size-context: calc(0.62vw * var(--multiplier-notepad));
        --font-size-button: calc(0.77vw * var(--multiplier-notepad));
        --font-size-h1: calc(1.3vw * var(--multiplier-notepad));
        --font-size-h2: calc(1.2vw * var(--multiplier-notepad));
        --font-size-h3: calc(1.1vw * var(--multiplier-notepad));
        --font-size-h4: calc(1.05vw * var(--multiplier-notepad));
        --font-size-h5: calc(1.0vw * var(--multiplier-notepad));
        --font-size-h6: calc(0.9vw * var(--multiplier-notepad));
        --font-size-link: calc(0.9vw * var(--multiplier-notepad));
        --font-flaceholder: calc(0.67vw * var(--multiplier-notepad));
        --icon-button-size: calc(1.1vw * var(--multiplier-notepad));
        --icon-button-size-options: calc(1.3vw * var(--multiplier-notepad));
        --icon-view-size: calc(2.0vw * var(--multiplier-notepad));
        --icon-company-size: calc(3.0vw * var(--multiplier-notepad));
        --icon-loading-size: calc(4vw * var(--multiplier-notepad));
        --icon-loading-big-size: calc(8vw * var(--multiplier-notepad));
        --size-02: calc(0.2vw * var(--multiplier-notepad));
        --size-03: calc(0.3vw * var(--multiplier-notepad));
        --size-04: calc(0.4vw * var(--multiplier-notepad));
        --size-05: calc(0.5vw * var(--multiplier-notepad));
        --size-07: calc(0.7vw * var(--multiplier-notepad));
        --size-16: calc(1.6vw * var(--multiplier-notepad));
        --size-17: calc(1.7vw * var(--multiplier-notepad));
        --size-18: calc(1.8vw * var(--multiplier-notepad));
        --size-19: calc(1.9vw * var(--multiplier-notepad));
        --size-20: calc(2.0vw * var(--multiplier-notepad));
        --size-26: calc(2.6vw * var(--multiplier-notepad));
        --size-27: calc(2.7vw * var(--multiplier-notepad));
        --size-28: calc(2.8vw * var(--multiplier-notepad));
        --size-1: calc(1vw * var(--multiplier-notepad));
        --size-3: calc(3vw * var(--multiplier-notepad));
        --size-4: calc(4vw * var(--multiplier-notepad));
        --size-7: calc(7vw * var(--multiplier-notepad));
        --size-10: calc(10vw * var(--multiplier-notepad));
        --size-120: calc(12vw * var(--multiplier-notepad));
        --size-170: calc(17vw * var(--multiplier-notepad));
        --button-size-menu-init: calc(3.5vw * var(--multiplier-notepad));
    }
}

    /* Multiplier 1.7 */
    @media screen and (max-width: 650px){
        :root {
            --multiplier-mobile: 1.9;

            --font-size: calc(2.31vw * var(--multiplier-mobile));
            --font-size-tags: calc(2.01vw * var(--multiplier-mobile));
            --font-size-context: calc(1.86vw * var(--multiplier-mobile));
            --font-size-button: calc(2.31vw * var(--multiplier-mobile));
            --font-size-h1: calc(3.9vw * var(--multiplier-mobile));
            --font-size-h2: calc(3.6vw * var(--multiplier-mobile));
            --font-size-h3: calc(3.3vw * var(--multiplier-mobile));
            --font-size-h4: calc(3.15vw * var(--multiplier-mobile));
            --font-size-h5: calc(3.0vw * var(--multiplier-mobile));
            --font-size-h6: calc(2.7vw * var(--multiplier-mobile));
            --font-size-link: calc(2.7vw * var(--multiplier-mobile));
            --font-flaceholder: calc(2.01vw * var(--multiplier-mobile));
            --icon-button-size: calc(3.3vw * var(--multiplier-mobile));
            --icon-button-size-options: calc(3.9vw * var(--multiplier-mobile));
            --icon-view-size: calc(6.0vw * var(--multiplier-mobile));
            --icon-company-size: calc(9.0vw * var(--multiplier-mobile));
            --icon-loading-size: calc(12vw * var(--multiplier-mobile));
            --icon-loading-big-size: calc(24vw * var(--multiplier-mobile));
            --size-02: calc(0.6vw * var(--multiplier-mobile));
            --size-03: calc(0.9vw * var(--multiplier-mobile));
            --size-04: calc(1.2vw * var(--multiplier-mobile));
            --size-05: calc(1.5vw * var(--multiplier-mobile));
            --size-07: calc(2.1vw * var(--multiplier-mobile));
            --size-16: calc(4.8vw * var(--multiplier-mobile));
            --size-17: calc(5.1vw * var(--multiplier-mobile));
            --size-18: calc(5.4vw * var(--multiplier-mobile));
            --size-19: calc(5.7vw * var(--multiplier-mobile));
            --size-20: calc(6vw * var(--multiplier-mobile));
            --size-26: calc(7.8vw * var(--multiplier-mobile));
            --size-27: calc(8.1vw * var(--multiplier-mobile));
            --size-28: calc(8.4vw * var(--multiplier-mobile));
            --size-1: calc(3vw * var(--multiplier-mobile));
            --size-3: calc(9vw * var(--multiplier-mobile));
            --size-4: calc(12vw * var(--multiplier-mobile));
            --size-7: calc(21vw * var(--multiplier-mobile));
            --size-10: calc(30vw * var(--multiplier-mobile));
            --size-120: calc(36vw * var(--multiplier-mobile));
            --size-170: calc(51vw * var(--multiplier-mobile));
            --button-size-menu-init: calc(10.5vw * var(--multiplier-mobile));
        }
    }