マルチデバイスのサイズにより特定な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もあり、意味も反対です。