マルチデバイスのサイズにより特定なCSSの適用方法

<style type=”text/css”>
    @media (min-width: 576px) {
        .slds-text-heading_small {
            font-size: 2rem;
        }
    }
</style>

【説明】
・min-width:576px
 ディバイスのサイズ≧576pxの場合は、{}内部に定義されたCSSを適用することです。つまり、<576pxの場合は、定義されたCSSを無視します。
 576の数字は要件により自由に定義できます。
 逆に、max-widthもあり、意味も反対です。