html - UIkitを使用した小さな画面のスタイル

Question

あるブロックが別のブロックの下に移動するときに、小さな画面で一部の要素に異なるスタイルを設定するにはどうすればよいですか? 例: 最初のブロックを赤くします。

<style type="text/css">
    #block1 {
        background: skyblue;
    }

    #block2 {
        background: yellow;
    }

    /*
    #block1 on small screen {
        background: red;
    }
    */
</style>

<div class="uk-grid">
    <div id="block1" class="uk-width-small-2-3">
         BLOCK 1
    </div>
    <div id="block2" class="uk-width-small-1-3">
         BLOCK 2
    </div>
</div>

jsfiddle