﻿.section-footer {
    --link-text-font-size: 22px;
    background-color: #F2F2F2;
}

    .section-footer a {
        text-decoration: inherit;
        color: inherit;
    }

    .section-footer .grid {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: calc(var(--link-text-font-size) * 2);
        font-family: NeutrafaceText-Book;
    }



        .section-footer .grid .cell-1 {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: calc(var(--link-text-font-size) * .2);
            font-size: var(--link-text-font-size);
            color: #555656;
        }

        .section-footer .grid .cell-2 {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: calc(var(--link-text-font-size) * 1);
        }

            .section-footer .grid .cell-2 img {
                height: calc(var(--link-text-font-size) * 2);
                width: calc(var(--link-text-font-size) * 2);
            }

        .section-footer .grid .cell-3 {
            display: flex;
            flex-direction: column;
            font-size: calc(var(--link-text-font-size) *3/4);
            color: #555656;
            text-align: end;
            justify-content: center;
        }

            .section-footer .grid .cell-3 img {
                height: calc(var(--link-text-font-size) * 3);
            }


    /* modo mobile 360px */
@media (min-width: 0px) and (max-width: 480px) {
    .section-footer {
        --link-text-font-size: 5px;
    }
}

/* modo tablet 800px */
@media (min-width: 481px) and (max-width: 1000px) {
    .section-footer {
        --link-text-font-size: 12px;
    }
}

/* modo laptop 1280px */
@media (min-width: 1001px) and (max-width: 1500px) {
    .section-footer {
        --link-text-font-size: 21px;
    }
}

/* modo pc 1920px */
@media (min-width: 1501px) and (max-width: 2100px) {
    .section-footer {
        --link-text-font-size: 21px;
    }
}

/* modo 4k */
@media (min-width: 2101px) {
    .section-footer {
        --link-text-font-size: 26px;
    }
}
