Размер шрифта не работает при изменении размера страницы ⇐ CSS

[Anonymous]

Я пытаюсь внедрить, используя Adobe Target следующего кода на нашем рабочем веб -сайте: < /p>
//Texto Titulo
let [textoparausuario] = [...document.querySelectorAll('.rst-margin')].filter(item => item.innerText === 'Abra su Cuenta en menos de 5 minutos');
textoparausuario.innerHTML = '
Sin salir de casa y en menos de 5 minutos

En la distancia, más juntos que nunca



Para tu tranquilidad, puedes abrir la Cuenta de manera 100% digital
';

var csstitulo = '.sin-salir-de-casa{font-family:INGMe;font-size:24px!important;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;text-align:center;color:#333;padding-bottom:32px;max-width:1128px}.texto1{font-size:24px!important;line-height:32px!important;margin:0;padding:0!important}.texto2{font-size:24px!important;line-height:32px!important;margin:0;padding:0!important}.borderColor{border:solid #ff6200;border-width:1px!important;max-width:1128px;border-radius:4px;border:solid 2px #559bd1;background-color:#fff}.texto3{font-family:INGMe;font-size:16px!important;text-align:justify;font-weight:normal;font-stretch:normal;font-style:normal;letter-spacing:normal;color:#333;line-height:24px!important;margin:0;padding:8px 16px 8px 8px!important} @media screen and (max-width:55.250em){.sin-salir-de-casa{max-width:732px;font-weight:normal}.borderColor{max-width:732px;}.texto3{max-width:680px}}@media screen and (max-width:18.5em){.sin-salir-de-casa{max-width:296px;font-weight:normal;font-size:16px !important}.borderColor{max-width:296px}.texto3{max-width:224px}.texto1{font-size:16px!important; text-align:center!important}.texto2{font-size:16px!important;text-align:center!important}}';
textoparausuario.insertAdjacentHTML('afterbegin', csstitulo);

//fixpadding
fixpadding= document.querySelector("#container-steps-flow-process-list > div.container-steps-flow-step-content.active > div > div > div.txt-c > div > div > div.row.account-prospect-welcome-timer-container > div > p");
fixpadding.style.paddingTop ="0px";
< /code>
Это работает нормально. На странице есть стиль по умолчанию, поэтому я использую! Важно, чтобы она не использовала его и только применил стиль, который я пишу. Проблема в том, что когда я изменяю размер страницы на экран медиа 18.5 .TextO1 и TextO2 не получает размер шрифта: 16px, но он получает 24px. Как я могу сделать текст на 16px вместо 24px?

Подробнее здесь: https://stackoverflow.com/questions/610 ... g-the-page