.section-title {
    --section-title-fontsize: 24px;
}
    .section-title img {
        height: calc(var(--section-title-fontsize) * 2);
    }
    .section-title .title {
        font-family: MazzardSoftM-ExtraBold;
        font-size: var(--section-title-fontsize);
        margin: var(--section-title-fontsize);
    }

/* modo mobile 360px */
@media (min-width: 0px) and (max-width: 480px) {
    .section-title {
        --section-title-fontsize: 16px;
    }
}

/* modo tablet 800px */
@media (min-width: 481px) and (max-width: 1000px) {
    .section-title {
        --section-title-fontsize: 28px;
    }
}

/* modo laptop 1280px */
@media (min-width: 1001px) and (max-width: 1500px) {
    .section-title {
        --section-title-fontsize: 45px;
    }
}

/* modo pc 1920px */
@media (min-width: 1501px) and (max-width: 2100px) {
    .section-title {
        --section-title-fontsize: 45px;
    }
}

/* modo 4k */
@media (min-width: 2101px) {
    .section-title {
        --section-title-fontsize: 59px;
    }
}