Considere o trecho de uma página web abaixo, que utiliza Bootstrap.

<div class="container-fluid">
<div class="row">
<div class="..^I.. bg-success">
TRIBUNAL DE JUSTIÇA DO ESTADO DE SANTA CATARINA
</div>
<div class="...^II... bg-warning">
PODER JUDICIÁRIO DO ESTADO DE SANTA CATARINA
</div>
</div>
</div>

Para que, em dispositivos pequenos (largura de tela de 576 pixels a 767 pixels), a divisão da esquerda use 25% da largura da linha e a divisão da direita use 75%, as lacunas I e II devem ser preenchidas, correta e respectivamente, com os nomes de classe